Chrome-dev-tools性能测试之:PageSpeed

769 阅读1分钟

PageSpeed:chrome开发者工具,检测网站的性能并给出平分和还可以做优化的具体地方。就是一个神器.(在某个公众号中看到的)

一、先来一个评分图

上图可以看到才57分,而且告诉你图片影响的比重最大。点开最顶部的:优化图片还可以看到具体的哪个图片需要做优化!

二、工具安装&使用

  1. 打开 Chrome应用商店
  2. 搜索:pagespeed,会有好一个推荐列表,选择如下图这个,添加到Chrome

3.安装完成之后就可以打开网站并打开开发者工具栏(F12),针对不同的网站进行评分测试分析,点击如下图中的:start analyzing 按钮,等待一会就能看到具体的分析报告

4.具体结果一目了然,如下图是百度首页的评分

5.之后就可以根据给出的列表(上图中绿色部分),针对的进行优化,提升性能~

6.感觉有用的记得点个👍~_~