前端经常需要和 DOM 打交道，增加、删除、替换是常见的 DOM 操作，然而就是这些操作时常成为网站性能的瓶颈，为了提高我们的网站性能，我们需要在 DOM 上面花不少心思。

又是一年双十一，亿万用户都会在这一天打开手机淘宝，高兴地在会场页面不断浏览，面对琳琅满目的商品图片，抢着添加购物车，下单付款。为了让用户更顺畅更方便地实现这一切，做到“如丝般顺滑”，双十一前夕手机淘宝成立了“521”(我爱你)性能优化项目，在日常优化基础之上进行三个方面的专项优化攻关，分别是1)H5页面的一秒法则；2)启动时间和页面帧率提升20%；3)Android内存占用降低50%。优化过程中遇到的困难，思考后找寻的方案，实施后提取的经验都会在下面详细地介绍给读者。

非常详细的前端性能优化指南。

程序员们浪费了大量时间来思考，或者说是担忧，他们的程序中非关键部分的运行速 度。并且他们对于性能的这些尝试，实际上却对代码的调试和维护有着非常消极的影 响。我们应当忘记那些不重要的性能影响，在 97% 的时间里都可以这么说：过早优 化乃万恶之源。当然我们也不应当在那关键的 3% 上放弃我们的机会。

随着 Web2.0 技术的不断推广，越来越多的应用使用 javascript 技术在客户端进行处理，从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码，从而提高其在浏览器中的性能。

无线优先从去年开始推行，今年更是全面无线化，双十一无线业务成交拿到了不错的结果，性能也迈出了一大步，对比去年双十一页面整体 load 时间提升了 2 秒左右，秒开率达到了 70%；

H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。

常见性能优化策略的总结

前端性能优化是个巨大的课题，如果要面面俱到的说的话，估计三天三夜说不完。所以我们就从实际的工程应用角度出发，聊我们最常遇见的前端优化问题。