提高网页的效率 Use YSlow to know why your web Slow第1/2页

所以网页的效率绝对是最值得关注的方面。虽然我们在 《如何提高网页的效率(上篇)――提高网页效率的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可以跳过此步。
提高网页的效率 Use YSlow to know why your web Slow第1/2页_第1张图片
图2:在菜单中先打开Firebug插件
这时候打开FireFox,你将在【工具】菜单中看到【firebug】(如图2)。打开firebug,然后在firebug中点击YSlow菜单,便看进入YSlow的主界面(如图3)。
提高网页的效率 Use YSlow to know why your web Slow第1/2页_第2张图片
图3:在菜单中先打开Firebug插件(点击小图查看完整大图)
1 2 下一页 阅读全文
  • 网页效率

相关文章

  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第3张图片

    HTML下在IE浏览器中的专有条件注释讲解

    HTML下在IE浏览器中的专有条件注释讲解...
    2007-04-04
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第4张图片

    div+css详解定位与定位应用

    div+css详解定位与定位应用...
    2007-04-04
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第5张图片

    DIV+CSS 滑动门技术的简单例子

    DIV+CSS 滑动门技术的简单例子...
    2007-03-03
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第6张图片

    html5手机触屏touch事件介绍

    本文主要介绍html5手机触屏touch事件,简单举例,需要的朋友可以参考下。
    2016-06-06
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第7张图片

    网页中英文混排行高不等问题的解决方法

    症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。
    2008-08-08
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第8张图片

    学习样式表CSS参考-常用的CSS知识

    学习样式表CSS参考-常用的CSS知识...
    2007-09-09
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第9张图片

    用css实现的灰度/原色连接效果

    用css实现的灰度/原色连接效果...
    2007-04-04
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第10张图片

    关于< tbody >的一个实例,很实用。

    tbody Tab选项卡效果代码关键只是在和选项卡的设置上。我在6个段分别设置了,目的是为了让一个javascript程序调用6个选项卡的时候可以循环设置tBodies属性。调用的时候是采用了遍历:将6个tBodies先全部都初始化为display='none',然后紧接着将tBodies[n]设置为display='block',将这一个tBodies显示出来。
    2008-03-03
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第11张图片

    标准布局常见问题及解决办法

    需要标准布局的朋友,经常会遇到一些问题,下面是一些布局问题
    2008-11-11
  • 提高网页的效率 Use YSlow to know why your web Slow第1/2页_第12张图片

    CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效

    本文主要分享一个利用CSS3新特性transform,实现3D翻牌的特效,有需要的小伙伴可以参考下。
    2016-05-05

最新评论

你可能感兴趣的:(提高网页的效率 Use YSlow to know why your web Slow第1/2页)