|
|
在过去几个月里,google一直在告诉世界,网页速度越来越成为网站的一个重要方面.google speed网站,已经有一个值得赞赏的目标,就是网上浏览要像翻书一样快.在他们的网站管理员博客中,已经介绍了好几篇博文和各式各样免费的工具,包括他们自己的和其他人的,并取得了很大的效果.7 J* ]7 V ~* D" r, K
+ R4 W, z. K- y+ \' I! f$ g 因此,作为一个网站负责人,如果你怀疑你有网页加载的问题,第一步该做什么呢?该去哪里获得你的网站性能的总体认识呢?难道要拿着秒表打开网站上的每一个页面吗?
# ?( `. D$ X8 Y) k5 Z- s- m5 n8 Q) w u+ w
我们许多人首先去的地方开始是我们的google网站管理员工具帐号,登录,点击"实验室",然后是"网站性能".那里你可以看到从他们的爬虫反馈的网站性能数据.
; O! p& ?1 t3 S+ r9 V0 ?
. P9 ?0 G) |$ {* E, v5 X3 ?3 e- y 在这个网页上,你还可看到一个例子,10个页面的载入时间.不幸的是,它不会显示更深层的.但至少你可以看到两三个不好的性能页面,以便使用其他工具进一步调查.1 B* c K9 j- I
9 B `8 x+ h. A; q5 ]5 }+ l yslow和google页面速度工具(都要求在firefox上安装firebug插件)对比起来似乎都表现出同样的信息.因此我选择yslow而不是页面速度工具的原因很简单.yslow提供检查过的每个页面的等级和每个元素的等级,而页面速度工具只返回一个满分100分的绿色、黄色或红色警示的符号.你可能喜欢页面速度工具,但因为它们之间没有太大不同,我们会使用yslow.! S- }; Y# [4 {: P/ r1 z
: _! Q, H+ W. A" B, C! `7 T" W; N 使用yslow时,点击每个元素等级后的文字,它会显示在那个页面检测到的细节问题,不管是js文件的配置,内容的压缩,还是当前页面的http请求次数.
" U4 L7 c8 m7 x/ @& J" S2 ?# R. D' D* c, e& z( e5 W, I$ X
但这还不是全部,你可以检查出页面组件的统计信息(如js文件、css文件、flash文件等),看看哪些文件直接影响了载入速度.9 [7 f( r, Z( J4 X$ R7 k8 j- I
* u7 L; D1 I, R" i
aol页面测试工具在页面载入上有更多的视觉表现,它用瀑布图表展示页面每一元素的载入时间.每一个元素你都可看到dns的查找时间、连接时间、首字节时间以及真正内容下载的时间,这可以警示你注意到某个单个的元素上(即,如果其他域名上的js文件花了太长的载入时间,那就应该直接放在你自己的域名上).绿色垂直线表示页面开始呈现的时间,而蓝色垂直线表示页面呈现过程完成(虽然有些页面元素不会在几秒钟之后完全呈现,但你可以在图表上检查出来).7 Q8 u7 ], N" D9 [# h2 ]
3 Q0 w/ s( d+ _& K
在这个工具的配置设置中,你可以设置每个页面测试两次,所以它还可以显示首次访问后的缓存内容加载时间的效果., C; s D% T; Z" u+ U+ B
- r: S, O' e( `) T: D: Z4 z) G1 l 对于页面加载优化工具,最好有多种可选项(更好的是,免费的多种可选项).但你可以用这些工具生成一个网站性能增强性可操作的列表.如果你有一些我没有注意到的工具,随时在评论中让我们知道.
/ r ?9 t) A8 x" a5 g8 N! S$ c ^: U- x \1 G
simon heseltine | dec 21, 2010
; i: I" Q* s. A# Z+ g
0 _- s# Y/ w, t `, B- B3 u 转载时请以超链接形式注明 - 作者:龙南客 |
|
