网站速度过慢会导致用户流失,产量减少,通常还会降低用户日后访问该网站的机率。每个网站都需要不时地进行调整优化。
那么,到底什么样的网站是快速网站,什么样的网站又是慢速网站?
一款常用的网站测速器GTMetrix就给出了一个列表,列表记录了100个网站及每个网站的每日加载速度。和这100个网站相比你们网站的加载速度如何?如果加载时间在10秒或10秒以上,那你们的加载速度就算是相当慢了。如果加载时间在3~5秒内,那你们的加载速度还算可以接受,但也只能算是达到了平均值。而如果加载时间在1~2秒内,那你就是在快速区了。
而在测定网站速度时,一定要选择正确的测速工具,这点至关重要。可选择的测速网站有多个,但每个网站给出的测试结果却可能有所不同,所以一旦找准了合意的测速工具,就要一直使用该测速工具,以保证拿到的测速结果前后一致,这点很重要。我们比较喜欢用的测速网站是PageSpeedGrader,很不错,另外还提供一款有效精准的工具,可以帮你找出网站的瓶颈所在。
另外还要记住一点,网站加载速度可能有所不同。因此建议大家使用同一个测速网站对网站进行5~10次的测速扫描,确保拿到的数据集能给出最准确的平均值。当然,扫描的次数越多,得到的平均值也就越精准,但我们发现,扫描次数超过十以后,你就能很好地掌握当前网站的加载情况了。
所有大型网络浏览器都自带有一个小工具,这一工具不仅能显示你们网站的当前运行速度,同时还会帮你把拖慢加载速度的元凶一一列出来,这对提升网站速度的作用可是无价的。
如何使用浏览器自带的小工具
在当前页面的任何一个地方点击鼠标右键,选择“审查元素”,网络浏览器的开发工具将打开。
选择Network 选项卡
重新加载当前页面
查看这些结果时,需记住一点,浏览器给出的结果有时会高于测速工具(比如PageSpeedGrader)。之所以出现这种情况,是因为浏览器在测速时把javascript也算进去了,因为javascript是在浏览器上运行的,而不是像核心PHP文件一样在服务器上运行。
虽然每个网站的优化需求不同,但我们也看到了一些普遍存在的模式。据我们的观察,拖慢网站速度的最大元凶就是优化未做到位的大尺寸图片。贴满图片的网站浏览起来趣味性可能很强,但如果这些图片没有被正确格式化,那也可能会导致任何网站出现停顿情况。而要避免这一问题,就必须尽可能地将所有图片缩小,包括缩小图片的内存尺寸( 图片在硬驱上占用的空间)和实际尺寸。而如果要对图片大小进行调整,那一定要在上传至服务器之前进行调整,这样就可以减少网站的总加载时间了。
像PageSpeedGrader这样的测速工具就很不错,因为它会将关键数据显示出来。大部分网页分级器给出的结果都是按真实的字母来分级的,例如,我刚刚测试了自己的网站速度,得到的结果是B+,但这一结果并不是很重要,真正重要的是我的网页运行状况究竟如何。真正值得关注的是这几方面的统计数据:1) 网页加载需要的请求次数;2) 这一网页究竟有多大。
如果你们网页的请求次数超过500,或是需下载3MB以上的文件,那网页运行就可能会出问题,因为这种情况下加载网站需要网络连接处理庞大的数据。而减少加载时间的最佳方法之一就是尽可能地将请求次数降到最低,将网页的实际尺寸缩到最小。另外图片优化也能缩小网页尺寸,同时最小化网页重新链接,将网页上的动态内容数量降到最少也能大大地减少网页的请求次数。
给网站提速的另一方法则是确保网站配有工作缓存,存储缓存数据可以通过执行多项不同任务来提升网站的加载速度。
1.浏览器缓存可以帮你保存图片,javascript,html和css副本这些组成你们网站的元素,这样下次用浏览器加载网站时就不需要下载大量信息了。
2.服务器端缓存系统则是将通常在运行时段内创建的内容(比如mysql查询结果)副本直接保存在硬盘上,这样这些已缓存的内容就不需要再进行查找了。大部分大型建站器都配有高效的工作缓存系统,你可以安装该系统并进行相应配置。
对安装的缓存系统进行配置很重要,因为所有系统的默认设置都是较通用型的,可能并不能满足你的要求。同样,要想找到最合适的设置,关键靠不断测试。将缓存系统配置成某一设置,然后对网站速度进行测试,看看这一设置的效果如何。若对结果不满意,可修改当前配置,再次对网站速度进行测试。要想弄明白网站的具体需求,最好的办法就是反复试验。