作为前端开发，我们不仅需要满足产品需求功能的实现，同时也需要对自己做的网站进行安全、易用性、性能等方面的考虑。随着目前技术不断进步，web页面的性能测试工具也在不断完善，通过这些工具，我们可以客观的评价web网站的质量水平。

YSlow插件：

Yslow 插件是一款浏览器插件，目前支持Chrome,Firefox火狐，Safari等主流浏览器，浏览器安装 Yslow 插件并开启后，会在控制面板里就会给任意网站进行评分，最后给出一个总分，改进建议。  评测内容主要包括网页是否包含了过多的  JS/css/Image等Http请求数量，请求类型，JS、CSS等代码是否压缩，是否采用CDN缓存等等，主要是提供给站长一个优化的方向和参考建议，多用于本地开发或者本地测试。

PageSpeed Insights

从事web前端开发的估计都听说过Google官方的PageSpeed Tools，它的在线版本有一个 Chrome 扩展就是PageSpeed Insights。它是在YSlow之后，由Google推出了自己的网页载入速度检测优化建议工具。

Google官方地址：

在线版：https://developers.google.com/speed/pagespeed/
Chrome扩展PageSpeed Insights：点击安装
Firefox插件PageSpeed Insights：点击下载

优化分析主要包括：

优化缓存：让你应用的数据和逻辑完全避免使用网络
减少回应时间 ：  减少一连串请求-响应周期的数量
减小请求大小 ：  减少上传大小
减小有效负荷大小 ：  减小响应、下载和缓存页面的大小
优化浏览器渲染 ：  改善浏览器的页面布局

GTmetrix

如果网页的载入时间超过4秒，那么访客就会选择离开，所以保证网站的访问速度是十分重要的，GTmetrix就是一个免费在线网站加载综合测试工具。它主要是针对网站打开速度进行测试的网站优化工具，站长可以通过该工具针对自己的网站检测报告进行优化处理。测试完成后可以生成PDF报告，并且可以下载。 

官方网站：

https://gtmetrix.com/

Lighthouse

Lighthouse是Google推出的一款更强大而严格的浏览器插件，目前只能用于Chrome浏览器，它主要是从 性能、易用性、最佳实践等方面对任何网站进行评测。

链接: https://www.fly63.com/article/detial/363