Firebug快速入门(三)

 

 

七、           查看网络

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

14

八、           YSlow

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

15

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

工具和帮助

 

18

 

这几个小工具相当有用:

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

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

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

Printable View 生成评分报表。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值