七、 查看网络
Firebug可以实时查看网络状况。参考下图:
八、 YSlow
YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。
YSlow评分标准
- 尽量减少HTTP请求,
- 使用内容分发网络(Content Delivery Network)
- 设置过期的HTTP Header.设置Expires Header可以将脚本, 样式表, 图片, Flash等缓存在浏览器的Cache中。
- 对我们的页面内容进行Gzip格式的压缩
- 把CSS外部链接放到页面的顶部。
- 把Javascript脚本尽量放到页面底部加载。
- 避免CSS表达式。
- 将JS,CSS提取出来。
- 尽可能少的DNS查找。
- 对JS代码进行压缩。(yuicompressor一个不错的压缩工具)
- 避免重定向(跳转)
- 去除重复的脚本。
- Configure ETags
工具和帮助
这几个小工具相当有用:
JSLint可以进行JS的语法检查,指出你的JS书写的不规范之处。
All JS/All CSS 可以提取出所有的页面相关的JS和CSS
All JS(Beautified)这个很有用可以将压缩过的JS代码美化,还原,这样很方便我们查看别人压缩过的JS代码。
Printable View 生成评分报表。