作者分析浏览器的渲染路径，介绍了关键路径的性能优化方法，对移动端动画很有启发。最后作者给可以关注的性能优化的大牛以及博客。

本文主要考量客户端性能、服务器端和网络性能，内容框架来自 Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践， 在此基础上补充了一些相关或者更符合主流技术的内容。

现在动辄几兆大小的页面加载量，让性能优化成了不可避免的热门话题。WEB 应用越流畅，用户体验就会越好，继而带来更多的访问量。

本文主要从工作效率、速度性能、稳定性、响应式、兼容性、搜索 SEO、信息无障碍等方面进行讲解。 前端优化是一个让人技术提升的 point，希望你也能从这里学到一些东西。

上周阿里巴巴发布了类似于 React 的界面组件库 Rax。Rax 相较于 React 提供了更轻量级并且更通用的渲染实现，它可以运行于 Node.js，浏览器以及 Weex 环境下。Rax 招徕关注的一大特性在于其优秀的服务端性能表现，在测试中有近 5 倍于 React renderToString 的性能表现（不过最初的测试中是把 React 运行于开发环境下）。

「这里是我们充分利用对于网络缓存和 NoSQL 系统的研究，做出一个可以容纳几十万通过电视宣传慕名而来的访问者的 网上商城 的故事，以及我们从中学到的一切。」 文章分别从前端性能、网络性能和后端性能这三个角度进行了网站速度的优化，条理清晰。文中有多处有用链接，可作学习和工作的参考。

为了充分利用浏览器缓存，HTTP header 里的 cache-control 可以让浏览器一段时间内不用向服务器发起请求，last-modified 又可以让『过期的』响应在再次请求时通过 304 未修改响应继续使用而不用重新传输。但你曾想过，对于静态资源来说，可能这些获得 304 响应的请求也是多余的？本篇文章就讲了 Facebook 团队如何与 Chrome 团队合作，通过对浏览器缓存优化利用，从而使浏览器发向 其服务器的不必要请求大大减少。

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