PageSpeed Insights (by Google) - 网页性能测试分析工具图文介绍

开发者插件 2019-02-14 00:03 459063下载 PageSpeed Insights (by Google) - 网页性能测试分析工具 Chrome插件下载

PageSpeed Insights (by Google) - 网页性能测试分析工具 Chrome插件图片

PageSpeed Insights是一款可以分析网页打开速度的谷歌浏览器插件，通过PageSpeed Insights插件的分析并给出相应的优化建议，网站开发人员可以找出网站速度的瓶颈所在，并相应的网站优化，带给用户更好的用户体验。

注：中文翻译来自GOOGLE

PageSpeed Insight插件概述

PageSpeedInsight是什么？我想大多数接触前端开发的都听说过Google官方的PageSpeed Tools，这个网页载入速度检测工具有在线版本，也有一个 Chrome 扩展，那就是PageSpeed Insights。所以这款测试工具出自google，通过分析网页的内容来提供网站加载速度优化建议。PageSpeed Insights是一款可以分析网页打开速度的谷歌浏览器插件，通过PageSpeed Insights插件的分析并给出相应的优化建议，网站开发人员可以找出网站速度的瓶颈所在，并相应的网站优化，带给用户更好的用户体验。
pagespeedinsight

PageSpeed Insights 的Chrome扩展是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，安装以后会附加到Developer Tools(开发者工具)中。所以安装之后，大家只需要在页面上点击右键——审查元素，就可以在最后一个标签中看到 PageSpeed 了。

PageSpeed Insights有什么用？

PageSpeed Insight的分析一般包含以下几个方面：

* 优化缓存——让你应用的数据和逻辑完全避免使用网络

* 减少回应时间——减少一连串请求-响应周期的数量

* 减小请求大小——减少上传大小

* 减小有效负荷大小——减小响应、下载和缓存页面的大小

* 优化浏览器渲染——改善浏览器的页面布局

使用过 Yslow 的一般都知道如何照着去分析、优化了。本站DeveWork.com 首页评分是 94 ，之前Yslow 最高有98；PageSpeed Insights 十分厚道，它会把优化的结果给你展现出来，如下图的，优化图片的项目会直接给出该无损压缩后的图片供你替换原图片；连CSS、Js等文件也都有优化后的文件供参考使用。（谷歌真是业界良心啊）
pagespeedinsight测试建议

PageSpeed Insights插件下载安装

PageSpeed Insights插件哪里可以下载？你可以从chrome应用商店里找到PageSpeed Insights插件，如果你的chrome应用商店无法打开，你可以在本站的下方找到InternetSpeedTracker插件下载地址。

PageSpeed Insights插件怎么安装？
1. 如果你能够打开chrome应用商店，并且可以找到PageSpeed Insights插件，那么直接点击“添加至chrome”，如下图所示：
pagespeedinsightchrome商店

2.如果你的chrome应用商店无法打开，你从本站或者其他途径获得了Pin It Button插件，那么就选择离线安装该插件。由于Pin It Button插件同其他chrome插件一样都是CRX格式的，所以具体的安装方法请参照：怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件？如果CRX格式插件不能离线安装怎么办？

PageSpeed Insights插件使用方法

pagespeed insights怎么使用？

在chrome浏览器安装pagespeed insights成功后，在浏览器的右上方可以看到插件标记。在Chrome的开发者工具页面中，点击“PageSpeed”页签，进入分析界面，如下图所示：
pagespeedinsight使用

2.点击 “分析”，稍等一会儿就会给出分析结果。如下图所示：
pagespeedinsight分析

PageSpeed Insights插件注意事项

1.PageSpeed Insights插件只能分析当前网站的打开速度，并给出相应的优化建议，而不能直接帮助用户改善网站的打开速度，这些操作需要用户按照PageSpeed Insights的提示去优化网站程序或服务器。

2.PageSpeed Insights插件会存在于Chrome的开发者工具选项卡中，在Chrome的开发者工具还存在着其他的网站调试功能，用户可以尝试着使用它们，并开发出更加完美的网站。

更多推荐：优秀chrome插件推荐

PageSpeed Insights插件英文介绍

PageSpeed Insights analyzes the performance of your web pages and provides suggestions to make them faster.
The PageSpeed Insights browser extensions, available for Chrome and Firefox, allow you to evaluate the performance of your web pages and to get suggestions on how to improve them.

PageSpeed Insights for Chrome is a Chrome Developer tools extension.

To open and use PageSpeed Insights:

1. Open Chrome Developer tools by selecting the Wrench menu at the top-right of your browser window, then select Tools -> Developer tools.

2. In the Chrome Developer Tools pane, click the Page Speed tab to switch to the PageSpeed Insights panel.

3. Navigate Chrome to a web page, and click the red ANALYZE button to run PageSpeed Insights.

File bugs: https://code.google.com/p/page-speed/issues/list
Discussion: https://groups.google.com/forum/#!forum/pagespeed-insights-discuss

By installing this extension, you agree to the Terms of Service found at:
https://ssl.gstatic.com/chrome/webstore/intl/en/gallery_tos.html