强大的网页分析工具-加载优化分析
2018年8月29日
这里介绍的是谷歌的网页分析工具PageSpeed Insights
它是一个强大的网页加载分析工具,能分析出网页加载快慢原因和提出优化方案:
例如我的网站在测试的时候,给出了一下建议
使用浏览器缓存
在 HTTP 标头中为静态资源设置过期日期或最长存在时间,可指示浏览器从本地磁盘中加载以前下载的资源,而不是通过网络加载。
利用浏览器缓存存储以下可缓存的资源:省略……
清除首屏内容中阻止呈现的 JavaScript 和 CSS
您的网页中有3个阻止呈现的脚本资源和2个阻止呈现的 CSS 资源。这会导致呈现网页的过程出现延迟。
在以下资源加载完毕之前,网页上不会直接呈现任何首屏内容。请尝试暂缓或异步加载阻止资源,或者将这些资源的关键部分直接内嵌到 HTML 中。
删除阻止呈现的 JavaScript:省略….
启用压缩
使用 gzip 或 deflate 压缩资源可以减少通过网络发送的字节数。
为以下资源启用压缩可将其传送大小减少8.4 KiB (56%)。这里实际上我的网站已经启用了压缩,爆出来的是百度的js没有启用压缩!
优化图片
适当地设置图片的格式并进行压缩可以节省大量的数据字节空间。
优化以下图片可将其大小减少2.4 KiB (31%)。
缩减 JavaScript
压缩 JavaScript 代码可以节省大量数据字节空间,并提高下载、解析和执行的速度。
为以下资源缩减 JavaScript 大小可将其大小减少1.3 KiB (46%)
缩减 HTML
压缩 HTML 代码(包括其中所含的任何内嵌 JavaScript 和 CSS)可以节省大量数据字节空间,并提高下载和解析的速度。
为以下资源缩减 HTML 大小可将其大小减少343 B (27%)。
已实施的优化建议
按优先级排列可见内容
您已按优先级正确排列了首屏内容。详细了解按优先级排列可见内容。
缩减 CSS
系统已缩减 CSS 的大小。详细了解缩减 CSS 的大小。
缩短服务器响应时间
您的服务器响应迅速。详细了解服务器响应时间优化。
避免使用着陆页重定向
您的网页没有任何重定向。详细了解避免着陆页重定向。
下载已针对此网页优化的图片、JavaScript 和 CSS 资源。
整个上边是google分析器给我网站的建议,而且每个都列出了具体是那个js或者css的优化,google这个还是非常强大的!