测试你的网页载入速度

站长空间

暑假闲来无事,计算机专业的大二学生小墨加入了草根站长的行列。初当站长的小墨觉得将网站首页制作得越充实,统计模块越完善,视觉效果越完美越好。殊不知因此就会拖慢载入速度。到底什么是延缓浏览速度的“元凶”呢?

使用Pingdom Tools - Full page test这个在线工具(http://tools.pingdom.com/fpt)可免费测试所有内部与外部的网页元素载入速度,为站长优化网页提供参考。打开该工具,在URL栏中输入准备测试的网址,点击“Test now”按钮即开始测试,将当前网页载入完毕后即可查看统计结果。

在“Load time in seconds”列中显示的是载入时间(以秒为单位,在横坐标上显示的是时间),在“URL”列中显示的是对应的网页元素(包括XHTML、RSS、CSS、Scripts代码、图片及插件等,而且还会以不同文件类型的图标区别)的链接地址及文件大小(以KB为单位)。假设要了解一下某个CSS样式表的载入时间,可查看同一行左侧的矩形彩条,我们看到起始位置对应的时间点为0.7,即打开网页经过0.7秒后开始载入该元素,而把鼠标指针置于该彩条上可看到实际的载入时长为0.3秒(如图)。

32-f18-1.jpg

想知道到底哪个网页元素载入最耗时,查看“Settings”工具栏,在“Sort by:”下拉列表中选择“Load time”,统计结果就会自动按照载入时间的多少倒序排列,显示在最上行的图片就是耗时最长的。另外,外部链接的网页元素也包含在测试范围之内,可将它剔除(例如这些外部元素都是必需的,且站长无权限修改)。查看“Filter URL”下拉列表,在其中选择“Containing”,再在右侧栏中输入本站域名,刷新按钮即可过滤非本站的网页元素。

如果你想了解一下当前测试网页的全局载入信息,查看页面底端的“Website information”面板,在此可看到总载入时间、所有网页元素的数量、其中外部元素、CSS以插件的数量等参数。