网站性能评分工具Yslow使用过程安装好Yslow的扩展后

网站性能评分工具Yslow简介

YSlow（分析为什么慢）是Yahoo推出的一款基于网站优化规则的工具，帮助您分析和优化网站性能。 雅虎网站优化规则为您的网站提供了十几个方面的优化建议，包括尽可能减少HTTP请求数量、使用Gzip压缩、将CSS样式放置在页面顶部、将脚本移至底部、减少DNS查询等有十几条规则，YSlow会根据这些规则分析你的网站并给出评级。

官方网站：

扩展：

插件：点击安装

本文主要介绍Yslow的扩展。

网站性能评分工具Yslow使用流程

安装Yslow扩展后，浏览器右上角会有一个图标。 首先访问您要分析的网站，然后点击进行分析。

您可以选择不同的评分标准。 像这样的小博客自然是小网站或博客。

最新的Yslow评分是96分，A级。之前最高分是98分，但是添加两段统计代码后，分数下降了。

网站性能评分工具Yslow组件分析

Yslow分析结果评分界面（Grade）

如上图，有ALL(15)，BY:(5)，CSS(5)，(2)，(3)，(2)。 这意味着总共有15条评分规则，其中内容5条，css 5条，图片2条，js 3条，服务器2条。

点击每条规则，如果有降低分数的地方，右侧会有提示，并给出雅虎的建议。 单击“阅读更多”链接，获取有关此分数的更详细介绍。

构建视图界面()

这个查看窗口主要列出了页面文档、图片、css、css中的图片、js、图片大小，以及启用gzip压缩后的大小、接收和发送的大小。 单击放大镜可以查看请求头信息。 url就是地址。 缓存是否存在以及过期时间。 Time 是文件的响应时间，以毫秒为单位。 后面是否启用etag，可以根据yslow给出的建议进行哪些优化操作。 例如，对于我的背景图像，它会给出压缩建议并提供压缩图像。

统计视图()

这个页面比较简单，主要是循环分析图表。 上面有一句“页面共有 515 个”，大概意思是总共有 26 个请求，加载了 515.3kb 的页面大小。 无论如何，几乎是一样的。

从上面的分析来看，这个网站的首页有点太大了，最好在300kb以下。 关于浏览器缓存，之所以不启用，是因为经常需要修改代码，比较麻烦。

相关文章：

官方网页加载速度检测工具使用教程

Web前端性能优化相关内容分析

浏览器开发者工具使用教程