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

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

    • PageSpeed Insights
        • 简介、优势
        • 下载、使用

时隔很久我又出现了,最近真的是太忙了,现在一个一个介绍我的这最近一段时间的

PageSpeed Insights

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

简介、优势

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

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

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

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

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

附上一张测试的结果图:

测试、分析网站网页的速度,以及优化的方向_第1张图片

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

下载、使用

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

PageSpeed Insights (PSI) 是 Google 在全球范围内应用最广的开发者工具之一。所以使用Google的开发者可以在软件应用商店直接下载,如下图:
测试、分析网站网页的速度,以及优化的方向_第2张图片
下面就是添加到应用使用了。
在使用的时候,你会直接在开发者工具里面看到PageSpeed选项,如下图,直接操作按钮。开始测试就可以了

测试、分析网站网页的速度,以及优化的方向_第3张图片

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

这是本人第一次使用MarkDown编辑博客,有点慌呀。。。。。。哈哈

你可能感兴趣的:(偏前端,初级)