强大的网页分析工具-加载优化分析

2018年8月29日

这里介绍的是谷歌的网页分析工具PageSpeed Insights

它是一个强大的网页加载分析工具，能分析出网页加载快慢原因和提出优化方案:

例如我的网站在测试的时候，给出了一下建议

在 HTTP 标头中为静态资源设置过期日期或最长存在时间，可指示浏览器从本地磁盘中加载以前下载的资源，而不是通过网络加载。

利用浏览器缓存存储以下可缓存的资源：省略……

您的网页中有3个阻止呈现的脚本资源和2个阻止呈现的 CSS 资源。这会导致呈现网页的过程出现延迟。

在以下资源加载完毕之前，网页上不会直接呈现任何首屏内容。请尝试暂缓或异步加载阻止资源，或者将这些资源的关键部分直接内嵌到 HTML 中。

使用 gzip 或 deflate 压缩资源可以减少通过网络发送的字节数。

为以下资源启用压缩可将其传送大小减少8.4 KiB (56%)。这里实际上我的网站已经启用了压缩，爆出来的是百度的js没有启用压缩！

适当地设置图片的格式并进行压缩可以节省大量的数据字节空间。

优化以下图片可将其大小减少2.4 KiB (31%)。

压缩 JavaScript 代码可以节省大量数据字节空间，并提高下载、解析和执行的速度。

为以下资源缩减 JavaScript 大小可将其大小减少1.3 KiB (46%)

压缩 HTML 代码（包括其中所含的任何内嵌 JavaScript 和 CSS）可以节省大量数据字节空间，并提高下载和解析的速度。

为以下资源缩减 HTML 大小可将其大小减少343 B (27%)。

您已按优先级正确排列了首屏内容。详细了解按优先级排列可见内容。

系统已缩减 CSS 的大小。详细了解缩减 CSS 的大小。

您的服务器响应迅速。详细了解服务器响应时间优化。

您的网页没有任何重定向。详细了解避免着陆页重定向。

下载已针对此网页优化的图片、JavaScript 和 CSS 资源。

整个上边是google分析器给我网站的建议，而且每个都列出了具体是那个js或者css的优化，google这个还是非常强大的！