Firebug快速入门(三)

七、           查看网络

Firebug可以实时查看网络状况。参考下图:

Firebug快速入门(三)_第1张图片

八、           YSlow

 YSlowyahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。

Firebug快速入门(三)_第2张图片

YSlow评分标准

  1. 尽量减少HTTP请求,
  2. 使用内容分发网络(Content Delivery Network
  3. 设置过期的HTTP Header.设置Expires Header可以将脚本, 样式表, 图片, Flash等缓存在浏览器的Cache中。
  4. 对我们的页面内容进行Gzip格式的压缩
  5. CSS外部链接放到页面的顶部。
  6. Javascript脚本尽量放到页面底部加载。
  7. 避免CSS表达式。
  8. JSCSS提取出来。
  9. 尽可能少的DNS查找。
  10. JS代码进行压缩。(yuicompressor一个不错的压缩工具)
  11. 避免重定向(跳转)
  12. 去除重复的脚本。
  13. Configure ETags

工具和帮助

Firebug快速入门(三)_第3张图片

 

这几个小工具相当有用:

JSLint可以进行JS的语法检查,指出你的JS书写的不规范之处。

All JS\All CSS 可以提取出所有的页面相关的JSCSS

All JSBeautified)这个很有用可以将压缩过的JS代码美化,还原,这样很方便我们查看别人压缩过的JS代码。

Printable View 生成评分报表。

你可能感兴趣的:(Firebug)