所以网页的效率绝对是最值得关注的方面。虽然我们在 《如何提高网页的效率(上篇)——提高网页效率的14条准则》提到了如何提高网页效率的14条准则,但是如何知道我们现在的网页的效率到底如何?到底处于怎样一个级别?又有哪些方面做的不够好,需要改进呢?也许,你会说,问一下用户不就知道了吗?但是相比感性比例占据太大的用户感受而言,理性的工具和数据更具有说服力。本篇就将向你介绍一款评测网页效率的工具——YSlow(why slow,这个名字起的太好了)。
yslow
YSlow是由Yahoo开发者团队发布的一款基于Firebug的插件。而Firebug 又是一款基于FireFox的插件。所以说YSlow是一款基于FireFox插件的插件。虽然有点绕,但是最终说明的问题是:
很遗憾,微软的IE系列浏览器不能使用YSlow。
YSlow只能使用在FireFox浏览器上。
如果要想使用YSlow,那么你必须先安装FireFox。
如果要想使用YSlow,那么你就要安装FireFox上的Firebug插件。
这看上去好像有点令人沮丧,但是事实上它并不像想象中的那么麻烦,只要按照下面的步骤你将能很快的使用YSlow:
到http://www.mozilla.net.cn/firefox/ 下载最新版的FireFox,并安装它。当然如果你已经安装了FireFox可以跳过此步。
到https://addons.mozilla.org/en-US/firefox/addon/1843/ 下载最新版的Firebug,并安装它。当然如果你已经安装了Firebug可以跳过此步。
到https://addons.mozilla.org/en-US/firefox/addon/5369/ 下载最新版的YSlow,并安装它。当然如果你已经安装了YSlow可以跳过此步。
图2:在菜单中先打开Firebug插件 这时候打开FireFox,你将在【工具】菜单中看到【firebug】(如图2)。打开firebug,然后在firebug中点击YSlow菜单,便看进入YSlow的主界面(如图3)。
图3:在菜单中先打开Firebug插件(点击小图查看完整大图)
12下一页阅读全文
- 网页效率
相关文章
-
javascript横排竖排标准选项卡效果代码
嘿嘿,又捣鼓出一个选项卡来。以后就用这个了,很爽,无视Tab标签与容器的原始class值。 照样结构/样式/行为分离~ 2008-05-05
-
css ol有序列表
css有序列表实现方法与html标签说明 2008-07-07
-
ie6,ie7,ie8完美支持position:fixed的终极解决方案
ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。 2014-05-05
-
标准布局常见问题及解决办法
需要标准布局的朋友,经常会遇到一些问题,下面是一些布局问题 2008-11-11
-
用滑动门技术设计按钮的图文教程
用滑动门技术设计按钮的图文教程… 2007-07-07
-
Div+Css(+Js)菜单代码及制作工具
Div+Css(+Js)菜单代码及制作工具… 2006-12-12
-
利用CSS3新特性创建透明边框三角
本文分享一个利用CSS3制作三角形的示例,感兴趣的朋友可以参考一下。 2016-03-03
-
研究了一下div+css的高度自适应问题
研究了一下div+css的高度自适应问题… 2007-08-08
-
CSS对Web页面载入效率的影响分析总结
我们都熟知JavaScript可能会对Web页面的加载与显示产生较大的影响,因此我们常常关注JavaScript是不是会占用客户端较多的资源,然而大部分都会忽略的一件有趣的事情,CSS也会对Web页面载入的效率产生影响。 2008-05-05
-
dl+ol应用分析
dl+ol应用分析… 2007-03-03