
- Chrome浏览器扩展名称
- YSlow
- Chrome浏览器扩展作用
- Yahoo开发的一款网站性能优化扩展
- Chrome浏览器扩展适用对象
- 网站开发人员、网站性能优化人员、站长、SEO人员
- 扩展支持的浏览器
- Chrome浏览器、360高速浏览器
- Chrome浏览器扩展下载地址
- 官方下载
- 安装方法
- 通过本站下载后,将文件拖放到Chrome浏览器中即可自动安装
- 通过Chrome浏览器官网下载时,点击页面上的安装即可自动安装
- 详细介绍
- YSlow,十分流行的雅虎网站优化规则在十几个方面给你的网站提出优化建议,包括尽可能的减少 HTTP 的请求数 、使用 Gzip 压缩、将 CSS 样式放在页面的上方、将脚本移动到底部、减少 DNS 查询等十几条规则。扩展使用方法(英文)
YSlow使用方法
安装 YSlow 需要先安装 Firebug for Chrome YSlow跌评分规则,主要有13条:
- Make fewer HTTP requests 尽可能少的http请求。。
- Use a CDN CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络”边缘”,使用户可 以就近取得所需的内容,解决Internet网络拥挤的状况,提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均 等原因所造成的用户访问网站响应速度慢的问题。
- Add an Expires header 设置过期的HTTP Header.设置Expires Header可以将脚本, 样式表, 图片, Flash等缓存在浏览器的Cache中。
- Gzip components 对我们的页面内容进行Gzip格式的压缩,Gzip格式是一种很普遍的压缩技术,几乎所有的浏览器都有解压Gzip格式的能力,而且它可以压缩的比例非常 大,一般压缩率为85%,就是说服务器端100K的页面可以压缩到25K左右的Gzip格式的数据发给客户端,客户端收到Gzip格式的数据后自动解压缩 后显示页面。
- Put CSS at the top 把CSS外部链接放到页面的顶部。其实这个原则我们一般都遵守的,如果把CSS外部链接作为逻辑的一部分出现在页面头部以下,我个人觉得这个本身就 是个错误。
- Put JS at the bottom 把Javascript脚本尽量放到页面底部加载。 一开始为以为Javascript脚本尽量放到页面底部加载,是指所有的JS脚本都要放到底部,后来才发现,并不 完全是这样,这里所指的脚本是指那些在加载过程中要执行的脚本,所以一般的处理办法还是页面头部引入JS链接,页面底部执行JS脚本程序。为什么要这么做 呢?呵呵,其实很简单,为了实现最大的下载并行,页面加载初期做的事,最好只有下载,HTML的下载,CSS的下载,JS的下载,等下载完成后再去实现页 面渲染,JS脚本运行。
- Avoid CSS expressions 避免CSS表达式 其实在CSS中运行表达式和页面加载中运行大量的JS脚本差不多,或许还更慢,而且还不兼容,虽然可以使我们在页面逻辑简单不少,但是我们完全可以抛弃之。
- Reduce DNS lookups 尽可能少的DNS查找。
- Minify JS 对Javascript 代码进行压缩。压缩工具,yuicompressor,雅虎美国开发的JAVA 压缩包yuicompressor.jar。压缩的相当完美,不仅把代码间的空格换行给去除掉了,而且对变量名,北部方法名都进行的简化,无意中实现了混 淆脚本的作用。
- Avoid redirects 避免重定向。
- Remove duplicate scripts 去除重复的脚本。
- Configure ETags 这个好像是服务器端配置的问题。
- AJAX CACHE(AJAX 缓存)。
其它类似的网页性能优化扩展
- Yahoo开发的用于火狐的YSlow扩展
- 谷歌开发的用于火狐的Page Speed扩展
- Yahoo开发的用于Chrome的YSlow扩展
- 谷歌开发的用于Chrome浏览器Speed Tracer扩展
- AOL开发的WebPagetest扩展
