前端性能学习资料整理

性能准则 ★★★★★

• 雅虎性能军规、中文文章
• 谷歌性能优化文章 推荐

分析工具 ★★★

入门

• pageSpeed 基于谷歌性能准则的检测，可浏览器安装插件运行
• Yslow 基于雅虎性能准则的检测工具，可浏览器安装插件运行
• pageCheck 百度内部开发，指标齐全，支持自动运行

进阶

• webPageTest 查看页面加载瀑布流等数据，进阶必备工具
• Chrome开发者工具 功能强大，值得学习
• PhantomJS 功能强大的分析工具，高手必备瑞士军刀
• JsPerf JS执行性能分析网站，谁用谁知道

浏览器与Html标准 ★★

入门

• 浏览器缓存机制
• Navigation Timing、Resource Timing 相关文章请谷歌，必备知识
• DNS解析过程原理
• 高性能浏览器网络翻译系列

进阶

• SPDY协议 基于此的Http2.0协议即将发布
• 浏览器渲染原理 比较难懂，但是非常经典
• Chrome 实现原理学习指南 多益大牛的总结

开发实战 ★★★★

通用

• 高性能JavaScript
• writing-fast-memory-efficient-javascript
• Understanding and Solving Internet Explorer Leak Patterns
• 模块化加载 FIS、SeaJS。FIS有完善的静态资源管理和优化方案，推荐。
• 前端性能优化最佳实践

动画与渲染

• requestAnimationFrame
• 16ms的优化
• 不要引起Repaint & Reflow css、JS

移动端开发

• Improving the Performance of your HTML5 App
• Steve Souders
• Creating High-Performance Mobile Websites
• HTML5 Techniques for Optimizing Mobile Performance
• 移动web站点优化指南

性能监控 ★★★★

• 监控指标选取
• Complete Web Monitoring - Web Performance at eMetrics
• berserkJS 建立前端性能监控平台
• NY Web Perf Meetup: Peeling the Web Performance Onion

相关会议 ★★★

• velocity 业内最出名的国际会议之一
• Google I/O
• Qcon

推荐博客 ★★★

• web performance today
• perfplanet
• stevesouders.com
• site-performance-and-optimization