首页 > Web > 记一次博客访问速度的优化

记一次博客访问速度的优化

之前建立了这个博客,在国外申请的域名跟虚拟空间,采用wordpress建的站。最近以来发现我的博客访问速度很慢,甚至有时候访问一个页面给我一种这个页面要加载好几秒钟的感觉,我认为这种情况有点异常了,于是在今晚下班后决定花点时间来优化一下。
一时想起去年开发过的访问量超过千万级别的视频网站,当时所在的团队奉行的第一原则永远是把网站的访问性能放到至关重要的位置,并一再而再地强调,甚至把网站的性能看到是网站的生命,因为网站加载慢一秒钟,可能就会丧失相当多的用户。为了提升网站的性能,当时采用了N种优化方式,至今还历历在目:包括使用memcache,redis,主从数据库,数据库索引优化,压缩资源(图片、js、css等),多域名图片让浏览器并发请求,慢加载图片,均衡负载,反向代理,生成静态页面,等等等等。。。至今仍然对我有着深刻的影响。
动手之前,我在想对于一个博客来讲,没必要做那么多优化方式,最终定下的目标就是快速找出影响网站访问慢的瓶颈就行了。

首先,是不是网站域名跟空间都是放在美国,从国内访问国外速度当然会慢一点。
那怎么衡量速度慢?我简单地采用ping域名的方式,发现ping值并不是特别高,在300多ms左右,这样的值有点慢了,但可以忍受,不至于访问一个页面好像卡了好几秒钟。空间在国外会很大程序影响国内访问速度,但这个不是最大瓶颈所在。(当然如果可以把网站放到国内空间,访问速度会好很多)

接着,从资源的角度上看,是不是有些网站资源太大了,导致加载这些资源占用了太多时间。
通过firebug对网站的加载资源全部审视了一遍,好家伙,好现一张图片居然有700K,近1M的大小啊。虽然访问过一次后浏览器会有缓存机制,但这么大的图片第一次加载感觉就像在加载一个程序。
这张图片是怎么来的?当时我访问一个国外网站,看到那个网站的背景图片是苹果官网的那种亚麻布背景,非常漂亮,于是我就把那张亚麻布背景图片拿过来直接修饰我的博客的背景,当时一时没去留意图片的大小就放上了博客了。
处理方法:这张图片像素大小是2000*2000,我把它拉到本地,并切成227*130大小,同时压缩成体积更小的图片。并且通过css更改背景为上下扩展铺满整个页面:background:url(“img/ios-linen1.jpg”) repeat scroll 0 0 #BEC3C6

处理前图片大小650K,处理后图片大小5K,近130倍的差距。接着再压缩其它比较大的图片。

然后,我在想是不是网站被人黑了,被放上了一些恶意脚本。
现在入侵一个安全做得不到位的服务器或者网站,实在是没有太大技术含量的事情。最终经过一系列的检查,否定了这个想法。

再然后,是不是网站的某些模块导致网站访问速度慢,这个非常有可能,比如死循环或者一些模块上报统计功能等。
于是打开firebug看一下网络请求,发现居然有几个其它域名的请求,占用了大部分的网络请求时间。如截图所示:访问博客的页面只需要754ms,而请求其它域名的时间加上间隔时间差不多是1000ms

Image

google一下发现也有很多网友反馈这个问题,这几个网络请求,都是相关推荐文章插件WordPress Related Posts 2.8版发出来的请求,最后放弃使用WordPress Related Posts插件

最后博客的访问速度有了大幅度的提升

(转载本站文章请注明出处 www.helloitworks.com ,请勿用于任何商业用途)

分类: Web 标签:
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.