分类
信息技术

网站加载速度优化技巧

网站优化

网站速度的重要性不言而喻。如果不是墙的影响,土木坛子目前的加载速度异常快,我在英国加载本网站首页,可以实现500毫秒以内完成加载,半秒钟都不到。

这是如何做到的?采用了什么优化方案?简单来说,我的优化方案和技巧如下,供博客朋友提升网页速度参考使用。

简洁的主题界面

如你所见,土木坛子目前采用WordPress官方主题2012, 禁用了Google字体,除了Google Analytics统计代码,其它全部采用本域名下的资源,包括JS, 图片等静态资源——连Gravatar头像都缓存在本主机上。2012主题是自适应简洁主题,我的首页加载的数量不到10个,这样就能最大限度地减少加载请求等待时间,同时也减少主机服务器开销。

选择SSD硬盘主机

我目前使用的是英国主机QuickHostUK,SSD固态硬盘。固态硬盘存取速度比传统硬盘要快得多,这样可以大大减少访客等待的时间。可以预见,随着SSD硬盘价格不断下降,将来不采用SSD的服务器将被慢慢淘汰。而对网站速度有要求的应优先选择SSD硬盘。

使用缓存机制

本网站由WordPress程序搭建,本来是动态PHP程序按需生成页面。我使用了WP Super Cache插件缓存所有网页。插件在后台生成HTML页面缓存在主机上,避免访客每次访问都要动态生成HTML网页,同时也降低服务器的压力。访客访问网页时,主机就像一台硬盘一样直接给出需要的文件,同时该插件支持GZIP压缩,文件体积压缩后可以减少在网络传输中所需要的时间。

采用先进CDN

我采用了CloudFlare的CDN,它不是普通的CDN。它使用Anycast(任播)技术的DNS全球解析,最大速度减少DNS解析时间。同时CDN技术让访客从全球任何地方都能从最短物理距离的地方加载静态资源:图片,JS, CSS文件(JS文件会优化合并)。而且CloudFlare最近使用了HTTP/2协议,让浏览器不再受限于HTTP并发请求数量,即可以同时加载更多的请求。

总的来说,我使用的优化方案并不复杂,成本预算也不高,但让网站的加载速度得到了极大的优化效果,对主机服务器、访客双方都非常友好。在移动网络时代,性能和网速和PC有线环境有区别,因此网站更应该为访客提供快速的加载访问速度。

“网站加载速度优化技巧”上的48条回复

你说的这几点,其实都是次要的,因为作用只是零点几秒的区别。
主要还是选择一个靠谱稳定的服务器商。
如果不是墙,不用cdn、不用ssd、不用简洁主题,wordpress博客一样飞快。
如果网站访问量大,升级主机即可。毕竟一个个人博客没必要像专业网站那样去优化。

同样的道理也适用于个人电脑,对于大部分人跟他说什么优化系统少装360百度杀毒之类的别人根本接收不了,劝其干脆花钱升级硬件才是最快速见效的。

http://whichloadsfaster.zomdir.com/?l=tumutanzi.com&r=www.jinbo123.com/&times=10 Windows 10, Chrome 47.0.2526.106 m (64-bit) 全新匿名浏览(ctrl+shift+N)模式下,首页加载10次,得出以下成绩:
英国IP,← 5.2 × faster 300 ms / 1560 ms
香港IP,18% faster → 1650 ms / 1400 ms

缓存模式下(即已经加载过至少一次),加载10次,得出以下成绩:
英国IP,← 32% faster 850 ms / 1120 ms
香港IP,← 75% faster 600 ms / 1050 ms

左边是我的成绩,右边是你的,时间越短,越快。

你牛,不过我的资源投入没有你多,技术也没有你好,能接受这样的成绩。再说,100与200毫秒的差别几乎体会不到了。

看地点的,我的主机是在英国,你在中国访问,肯定你的快一些。不过,我的应该也不太慢。
我刚才点了你的两个链接,在匿名模式下测评,成绩分别如下:300 ms / 1144 ms 256 ms / 1467 ms (左边是我的,右边是你的)

回复 土木坛子 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注