`
jiaoronggui
  • 浏览: 1319544 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
博客专栏
B7c2eb31-a8ea-3973-a517-d00141f39b89
项目管理软件-redmin...
浏览量:116140
4a63e153-250f-30f6-a051-97cfc67cb3d3
IT职业规划
浏览量:198802
社区版块
存档分类
最新评论

YSlow-开源firefox插件,用来进行网站优化,有明确的提示为什么这么做,推荐

阅读更多

1、yslow介绍

  什么是YSlow?

  YSlow是Yahoo发布的一款基于FireFox的插件。   YSlow有什么用?   YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。   YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。

 

 

 

2、安装

第一步,安装firefox中的firebug插件,然后再附件插件中选择yslow插件,并重启firefox

 

3、使用YSLOW

工具-web开发者,打开firebug

 

  1. Open the Firebug window and click on the YSlow tab.
  2. Click the YSlow button on the status bar.

 

The first time you bring up Firefox with YSlow, the following screen will be displayed in the Firebug portion of the browser window:

yslow initial page

 

 

4、推荐理由

 

关于js文件的提示:

JavaScript scripts block parallel downloads; that is, when a script is downloading, the browser will not start any other downloads. To help the page load faster, move scripts to the bottom of the page if they are deferrable.

 

关于CDN提示“

Grade F on Use a Content Delivery Network (CDN)

There are 153 static components that are not on CDN.

You can specify CDN hostnames in your preferences. See YSlow FAQ for details

 

cookie的提示“

HTTP cookies are used for authentication, personalization, and other purposes. Cookie information is exchanged in the HTTP headers between web servers and the browser, so keeping the cookie size small minimizes the impact on response time.

 

 

5、使用帮助

 

http://developer.yahoo.com/yslow/help/#using_yslow

 

 

 

 

作者:无名程序员

微博:weibo.com/wmcxy

blog:wmcxy.iteye.com

转载请注明原作者,谢谢配合!

0
1
分享到:
评论
3 楼 jiaoronggui 2012-02-17  
Java_Eye007 写道
注意FireFox的版本,好像8以后的不支持吧

在推荐 PageSpeed,也一样的优秀

我升级的10.1版本,正常使用?有些功能不能用吗??
2 楼 Java_Eye007 2012-02-17  
注意FireFox的版本,好像8以后的不支持吧

在推荐 PageSpeed,也一样的优秀
1 楼 jiaoronggui 2012-02-17  
Firebug

  Firebug 是网页浏览器 Mozilla Firefox 下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。例如 Yahoo! 的网页速度优化建议工具 YSlow。
  Firebug 也是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM 以及JavaScript 代码。

相关推荐

    firefox-firebug-yslow.zip

    本资源包"firefox-firebug-yslow.zip"正是为这些开发者量身打造的利器集合,包括Firefox 35.0.1版本的安装包、经典的Firebug插件以及用于性能分析的YSlow插件。 首先,我们来详细了解一下Firefox 35.0.1。作为...

    Firefox Setup 35.0.1.zip

    1. 开源理念:Firefox是基于开源的Gecko渲染引擎构建,这使得开发者可以自由查看和修改源代码,不断优化和定制浏览器功能。 2. 安全性:Firefox一直重视用户的隐私和数据安全,它提供了丰富的隐私设置选项,包括Do ...

    Selenium IDE + YSlow +Showslow 实现页面性能评估自动化

    YSlow是由Yahoo开发的一款浏览器插件,它根据Yahoo的性能最佳实践(共14条规则)对网页进行评分。在配置YSlow时,用户修改了Firefox的about:config设置,将YSlow的结果发送到Showslow平台。Showslow是一个开源的Web...

    大型网站性能优化实战从前端网络CDN到后端大促的全链路性能优化 带书签完整版

    - **3.1.1 使用YSlow进行性能分析**:YSlow是一款由Yahoo开发的Firefox插件,它能够评估网页的性能并提供具体的改进建议。 - **3.1.2 使用PageSpeed进行性能分析**:PageSpeed Insights是由Google提供的在线工具,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为空则使用默认的提示信息,默认的提示信息支持多语言,建议一般情况下使用默认信息。 +为表单字段增加MarkInvalid和GetMarkInvalidReference函数(feedback:sun1299shine)。 -增加示例:form/form_validate....

    ExtAspNet_v2.3.2_dll

    -为空则使用默认的提示信息,默认的提示信息支持多语言,建议一般情况下使用默认信息。 +为表单字段增加MarkInvalid和GetMarkInvalidReference函数(feedback:sun1299shine)。 -增加示例:form/form_validate....

    压力测试软件报告

    1. **YSlow for Firebug**:这是一款与Firefox浏览器集成的插件,它根据Yahoo!的网页性能最佳实践,为网站性能打分,指导开发者优化网页性能,如减少HTTP请求、压缩CSS和JavaScript等。 2. **Firebug**:这是Fire...

    selenium 學習筆記

    在"**selenium+ide+%2B+yslow+%2B+showslow实现页面性能评估自动化.docx**"中,你可能会学到如何使用Selenium IDE来录制测试用例,并结合yslow和showslow工具进行页面性能分析和优化。 2. **Selenium WebDriver**:...

    国外PHP动态第四期

    此外,文章还提供了使用YSlow Firefox扩展测试前后加载速度差异的实际案例,直观地展示了这种方法的有效性。 #### 三、WHATISMISSINGINPHPSOAPEXTENSION? 在《WHATISMISSINGINPHPSOAPEXTENSION?》一文中,作者分析...

Global site tag (gtag.js) - Google Analytics