前端性能优化
hiper
hiper 是个令人愉悦的性能统计分析工具。
内置 puppeteer 无头浏览器,通过浏览器的 timing 接口获取性能数据,可以比较修改代码后性能数值评估代码优化结果。
性能分析工具
最常见且实用的性能工具有两个:
- lighthouse: 可在 chrome devtools 直接使用,根据个人设备及网络对目标网站进行分析,并提供各种建议
- webpagetest: 分布式的性能分析工具,可在全球多个区域的服务器资源为你的网站进行分析,并生成相应的报告
其他
- JSPerf
- YSlow 35 rules
- PageSpeed
- HTTPWatch
- DynaTrace's Ajax
- 高性能 JavaScript