📄 如何提高网页的效率(下篇).htm
字号:
<P></P>
<H4>点击【Components】菜单</H4>
<P>这个视图是一个页面所有部件的信息列表。从中我们可以得知每个部件的各种详细信息。如：类型、URL、Expires数据、状态、大小、读取时间、ETag信息等等。通过对这个列表的分析，我们就可以知道到底是什么东西最耗费我们的资源，从而有针对性的进行优化。
<DIV class=floatMPic><A title=firefox,firebug,yslow
href="如何提高网页的效率(下篇).files/yslow11.jpg"><IMG height=337 alt=firefox,firebug,yslow
src="如何提高网页的效率(下篇).files/yslow11.jpg"
width=620></A><BR>图7：【Components】视图信息，点击“放大镜”图标我们可以知道更详细的信息（点击小图查看完整大图）</DIV>
<P></P>
<H4>点击【Tools】菜单</H4>
<P>【Tools】菜单包含4个子菜单，就是4个实用工具。【JSLine】工具会生成JSLine报表，报表是对本网页中JS脚本的分析报告，包含错误和建议。【ALL
JS】工具，将生成本页面所有脚本代码便于阅读和打印的报表页面。【ALL CSS】工具，将生成本页面
所有CSS样式表代码便于阅读和打印的报表页面。【Printable
View】将【Performance】和【Stats】视图中的信息生成一份更适合阅读和打印的报表页面。
<DIV class=floatMPic><A title=web标准设计
href="http://justinyoung.cnblogs.com/"><IMG alt=firefox,firebug,yslow
src="如何提高网页的效率(下篇).files/yslow12.jpg"></A><BR>图8：【Tools】菜单，包含了4个子菜单</DIV>
<P></P>
<H4>点击【Help】菜单</H4>
<P>【Help】主要是些常用的帮助途径的入口。从这里你可以很方面的访问YSlow的官方网络和博客。如果你还对YSlow的使用有什么疑惑的话，那么在这里你将获得满意的解答。
<DIV class=floatMPic><A title=web标准设计
href="http://justinyoung.cnblogs.com/"><IMG alt=firefox,firebug,yslow
src="如何提高网页的效率(下篇).files/yslow13.jpg"></A><BR>图8：【Help】菜单是些常用的帮助入口</DIV>
<P></P>
<H4>后记</H4>
<P>“工欲善其事，必先厉其器！”好的工具的确能很大的提高我们的工作效率。但是“阿斗”就算手里拿着“方天画戟”，估计也没有几个人怕他。好的工具是一方面，但是更重要的还是提高我们自身的知识水平。就如同这款YSlow，如果没有<A
title=《如何提高网页的效率（上篇）——提高网页效率的14条准则》
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/20/speeding-up-web-site-14rule.html"
target=_blank>
《如何提高网页的效率（上篇）——提高网页效率的14条准则》</A>中的理论知识，工具提供的信息我们看到的可能只是表面，就算看懂了数据，我们也很难知道对应的手段和措施。壮汉拿厉斧，这样伐木才能又快又轻松。
</P>
<H4>关于本文的讨论</H4><A title=博客园【web标准设计小组】
href="http://space.cnblogs.com/group/topic/360/"
target=_blank>博客园【web标准设计小组】关于本文的讨论</A>
<HR align=left width="80%">
Tag标签:<SPAN
style="FONT-SIZE: 80%; COLOR: #666">yslow,yslow使用,yslow教程,网页打开速度慢,开网页速度慢,网页速度慢,网页打开速度很慢,网页打开速度,提高网页浏览速度,浏览网页速度慢,网页打开速度太慢,打开网页的速度慢,如何提高网页的效率,如何提高效率</SPAN>
<DIV class=postDesc>posted on 2007-11-28 08:59 <A
href="http://justinyoung.cnblogs.com/">杨正祎</A> 阅读(2492) <A
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#Post">评论(34)</A>
<A
href="http://www.cnblogs.com/JustinYoung/admin/EditPosts.aspx?postid=975038">编辑</A>
<A id=lnkFavorite975038
onclick="Favorite(975038,'如何提高网页的效率（下篇）——Use YSlow to know why your web Slow','http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html',this);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#">收藏</A>
</DIV></DIV><IMG height=1 src="如何提高网页的效率(下篇).files/975038.jpg" width=1> <!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
<rdf:Description
rdf:about="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html"
dc:identifier="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html"
dc:title="如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
trackback:ping="http://www.cnblogs.com/JustinYoung/services/trackbacks/975038.aspx" />
</rdf:RDF>
-->
<DIV id=AjaxHolder_UpdatePanel1><A
name=pagedcomment></A><!--done--><BR><B>评论:</B>
<DIV class=feedbackNoItems></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975052">#1楼</A> <A
name=975052></A> 2007-11-28 09:05 | <A
id=AjaxHolder_Comments_CommentList_ctl00_NameLink
href="http://flyingchen.cnblogs.com/" target=_blank>flyingchen</A><BR>
<DIV align=left>沙发一次！<BR> <A
onclick='return SetReplyAuhor("flyingchen")'
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">回复</A> <A
onclick="GetQuote(975052);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">引用</A> <A
title=查看该作者发表过的评论
href="http://www.cnblogs.com/CommentsByAuthor.aspx?author=flyingchen"
target=_blank>查看</A> <A
id=AjaxHolder_Comments_CommentList_ctl00_DeleteLink
href="javascript:__doPostBack('AjaxHolder$Comments$CommentList$ctl00$DeleteLink','')"></A> <A
id=AjaxHolder_Comments_CommentList_ctl00_EditLink></A></DIV></DIV></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975098">#2楼</A> <A
name=975098></A> 2007-11-28 09:23 | <A
id=AjaxHolder_Comments_CommentList_ctl01_NameLink target=_blank>路过
[未注册用户]</A><BR>
<DIV align=left>多谢楼主，好东西！<BR> <A onclick='return SetReplyAuhor("路过")'
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">回复</A> <A
onclick="GetQuote(975098);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">引用</A> <A
title=查看该作者发表过的评论
href="http://www.cnblogs.com/CommentsByAuthor.aspx?author=%e8%b7%af%e8%bf%87+%5b%e6%9c%aa%e6%b3%a8%e5%86%8c%e7%94%a8%e6%88%b7%5d"
target=_blank>查看</A> <A
id=AjaxHolder_Comments_CommentList_ctl01_DeleteLink
href="javascript:__doPostBack('AjaxHolder$Comments$CommentList$ctl01$DeleteLink','')"></A> <A
id=AjaxHolder_Comments_CommentList_ctl01_EditLink></A></DIV></DIV></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975114">#3楼</A> <A
name=975114></A> 2007-11-28 09:33 | <A
id=AjaxHolder_Comments_CommentList_ctl02_NameLink
href="http://darkangle.cnblogs.com/" target=_blank>沙加</A><BR>
<DIV align=left>很好,一直找不到一个合适的工具来测试浏览器端的缓存.
在别人网站上测试呢又不太方便，还要传上去.<BR> <A onclick='return SetReplyAuhor("沙加")'
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">回复</A> <A
onclick="GetQuote(975114);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">引用</A> <A
title=查看该作者发表过的评论
href="http://www.cnblogs.com/CommentsByAuthor.aspx?author=%e6%b2%99%e5%8a%a0"
target=_blank>查看</A> <A
id=AjaxHolder_Comments_CommentList_ctl02_DeleteLink
href="javascript:__doPostBack('AjaxHolder$Comments$CommentList$ctl02$DeleteLink','')"></A> <A
id=AjaxHolder_Comments_CommentList_ctl02_EditLink></A></DIV></DIV></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975123">#4楼</A> <A
name=975123></A> 2007-11-28 09:36 | <A
id=AjaxHolder_Comments_CommentList_ctl03_NameLink
href="http://rchen.cnblogs.com/" target=_blank>木野狐(Neil Chen)</A><BR>
<DIV align=left>good<BR> <A
onclick='return SetReplyAuhor("木野狐(Neil Chen)")'
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">回复</A> <A
onclick="GetQuote(975123);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">引用</A> <A
title=查看该作者发表过的评论
href="http://www.cnblogs.com/CommentsByAuthor.aspx?author=%e6%9c%a8%e9%87%8e%e7%8b%90(Neil+Chen)"
target=_blank>查看</A> <A
id=AjaxHolder_Comments_CommentList_ctl03_DeleteLink
href="javascript:__doPostBack('AjaxHolder$Comments$CommentList$ctl03$DeleteLink','')"></A> <A
id=AjaxHolder_Comments_CommentList_ctl03_EditLink></A></DIV></DIV></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975250">#5楼</A> <A
name=975250></A> 2007-11-28 10:48 | <A
id=AjaxHolder_Comments_CommentList_ctl04_NameLink
href="http://bullion.cnblogs.com/" target=_blank>bullion</A><BR>
<DIV align=left>再次为楼主打气来了， 楼主辛苦了， 党和人民感谢你
<BR><BR>楼主有没有基于IE的调试插件介绍一下<BR> <A
onclick='return SetReplyAuhor("bullion")'
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">回复</A> <A
onclick="GetQuote(975250);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">引用</A> <A
title=查看该作者发表过的评论
href="http://www.cnblogs.com/CommentsByAuthor.aspx?author=bullion"
target=_blank>查看</A> <A
id=AjaxHolder_Comments_CommentList_ctl04_DeleteLink
href="javascript:__doPostBack('AjaxHolder$Comments$CommentList$ctl04$DeleteLink','')"></A> <A
id=AjaxHolder_Comments_CommentList_ctl04_EditLink></A></DIV></DIV></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975276">#6楼</A> <A
name=975276></A> 2007-11-28 11:05 | <A
id=AjaxHolder_Comments_CommentList_ctl05_NameLink
href="http://www.99hunsha.com/" target=_blank>婚纱 [未注册用户]</A><BR>
<DIV align=left>呵呵,学到了.<BR> <A onclick='return SetReplyAuhor("婚纱")'
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">回复</A> <A
onclick="GetQuote(975276);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">引用</A> <A
title=查看该作者发表过的评论
href="http://www.cnblogs.com/CommentsByAuthor.aspx?author=%e5%a9%9a%e7%ba%b1+%5b%e6%9c%aa%e6%b3%a8%e5%86%8c%e7%94%a8%e6%88%b7%5d"
target=_blank>查看</A> <A
id=AjaxHolder_Comments_CommentList_ctl05_DeleteLink
href="javascript:__doPostBack('AjaxHolder$Comments$CommentList$ctl05$DeleteLink','')"></A> <A
id=AjaxHolder_Comments_CommentList_ctl05_EditLink></A></DIV></DIV></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975333">#7楼</A> <A
name=975333></A> 2007-11-28 11:29 | <A
id=AjaxHolder_Comments_CommentList_ctl06_NameLink
href="http://klesh.cnblogs.com/" target=_blank>Klesh Wong</A><BR>
<DIV align=left>@bullion<BR>IE 来来去去好像就一个IE Developr Toolbar<BR> <A
onclick='return SetReplyAuhor("Klesh Wong")'
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">回复</A> <A
onclick="GetQuote(975333);return false"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#post">引用</A> <A
title=查看该作者发表过的评论
href="http://www.cnblogs.com/CommentsByAuthor.aspx?author=Klesh+Wong"
target=_blank>查看</A> <A
id=AjaxHolder_Comments_CommentList_ctl06_DeleteLink
href="javascript:__doPostBack('AjaxHolder$Comments$CommentList$ctl06$DeleteLink','')"></A> <A
id=AjaxHolder_Comments_CommentList_ctl06_EditLink></A></DIV></DIV></DIV>
<DIV class=feedbackItem>
<DIV class=feedbackListSubtitle><A
title="permalink: re: 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow"
href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html#975351">#8楼</A> <A
name=975351></A>[楼主] 2007-11-28 11:39 | <A
id=AjaxHolder_Comments_CommentList_ctl07_NameLink
href="http://justinyoung.cnblogs.com/" target=_blank>杨正祎</A><BR>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -