PageSpeed Insights测试、分析网站网页的速度，以及优化的方向

分析页面执行速度，定位优化方向

PageSpeed Insights

时隔很久我又出现了，现在一个一个介绍我的这最近一段时间的

PageSpeed Insights

这个是我自己百度了一番后发现比较方便的一款测试、分析网页的的速度的一个工具，好的东西当然要分享给大家，希望对你们有帮助

简介、优势

PageSpeed Insights (PSI) 是 Google 在全球范围内应用最广的开发者工具之一。PSI 2.0 版本在2018年1月9日发布并且取得了巨大的成功。为了更好地帮助中国地区的开发者并构建一个良好的网页生态环境

PSI 作为一款专注于改进网页性能的开发者工具，它主要具有以下两个优势：

真实的网页运行速度。这是 PSI 2.0 中的新功能，PSI 结合 Chrome 用户体验报告中的数据，向开发者展示他们的网页的实际性能，这一点对于开发者来说是很有价值的。那么，PSI 则成为了用户获得真实的网页运行速度的窗口。

优化建议。根据一些常用的网页性能优化规则(如避免过多的重定向)，PSI 会基于该网页的优化空间为用户提供一些网页优化建议。

通过评估网页性能的优化空间，优化得分将网页划分为 “良好”、“中等” 和 “偏低” 三个类别。相应的，优化建议则列出了一系列用户可遵循并应用到该网页的优化步骤。为了向用户提供更好的优化建议，优化得分已经根据 Chrome 用户数据进行相应的调整，以更加符合真实数据。

附上一张测试的结果图：

image.png

该网页的统计信息。这个部分会告诉你整个网站需要优化的方向，这里还有网站速度运行的评分，下面列表是建议的每个方向需要优化的，这样可以帮助我们快速定位到需要优化的方向。

下载、使用

这个插件的好处只有你用了才能深刻体会到，下面就是下载安装的方式

PageSpeed Insights (PSI) 是 Google 在全球范围内应用最广的开发者工具之一。所以使用Google的开发者可以在软件应用商店直接下载,如下图：

image.png

下面就是添加到应用使用了。

在使用的时候，你会直接在开发者工具里面看到PageSpeed选项，如下图，直接操作按钮。开始测试就可以了

image.png

这样就快读定位需要优化的方向了，加油！

本文章由javascript技术分享原创和收集