跳到主要内容

前端性能优化

hiper

hiper 是个令人愉悦的性能统计分析工具。

内置 puppeteer 无头浏览器,通过浏览器的 timing 接口获取性能数据,可以比较修改代码后性能数值评估代码优化结果。

性能分析工具

最常见且实用的性能工具有两个:

  • lighthouse: 可在 chrome devtools 直接使用,根据个人设备及网络对目标网站进行分析,并提供各种建议
  • webpagetest: 分布式的性能分析工具,可在全球多个区域的服务器资源为你的网站进行分析,并生成相应的报告

其他

  • JSPerf
  • YSlow 35 rules
  • PageSpeed
  • HTTPWatch
  • DynaTrace's Ajax
  • 高性能 JavaScript

参考