在这之前,我们还是来看看到底有谁在拖网页下载的后腿!
必不可少的统计代码
别说你网站上没有统计代码,真是这样,这条你可以忽略。统计代码影响真的很大吗?其实不然,但也不是没有影响的,特别是对于使用了不少JS特效的网页(就比如我的博客,以及我的那些淘宝导购,史努比,××跟○○),如果JS是在网页完全加载完毕后执行,比如JQUERY,那么当页面完全呈现以后,你会发现你的一些JS特效(比如选项卡)并没有正常运行,这可能会导致网页出现乱版,甚至一些功能失效。这不是危言耸听,注意一下你网站底部的统计图标吧,是否没显示?虽然影响是短暂的(偶尔会很久),但这几秒钟时间网页不能完全正常显示,会给用户留下什么印象呢?
大(量)的图片
图片是网页必不可少的元素之一,无论是可以右键另存的,还是可以右键背景另存的,他们都占用着网页下载的速率。虽然少量的图片几乎不会有所查觉(除非你的网速本来就卡),但如果是少量的大图,特别是不能以原始尺寸显示的大图(比如我博客下面的Gallery里的图片),就会将图片下载的速率放大,这时候别奇怪“为什么我网页只有很少的图,却还是打开得很慢呢?”考虑下吧,缩略图不仅是为了保证图片能按比例正常显示,也并不只是将图片尺寸改小,而是提高网页下载速度的必要(我的淘宝导购站里的小图都是真正的缩略图哦)。想想,浏览器要把十个不同色彩的像素压缩成一个像素,它不得抓狂么?这还只是针对你站内的图片,如果是外部来源的图片,那就更得小心了,一旦图片所在的服务器不稳定,你的网页会被拖累的。考虑下保存到本地吧,虽然占用了空间,但对网站SEO是有好处的,好处在哪呢?今天的主题不是这个,但我可以告诉你,偶尔一张图片搜索,曾给我的博客带来上百的访问量。
广告、过多的JS特效、没必要的CSS代码、垃圾HTML代码……
这么数下去真的还有很多很多,而且这些都是众所周知的了。现在回到正题,除了广告,到底是什么拖慢了我的博客以及淘宝导购站的网站打开速度呢?
Google搜索代码
使用HTML版本的就忽略吧,我因为偷懒,而且调用JS,确实要比写一整串HTML代码所占用的页面字节数少很多。更主要的是,通过搜索也能赚外快,实在不亦乐乎。可有得必有失,算来算去,貌似从来没得到什么好处,其实我这个小站,还没到访客热情到需要用搜索来寻找自己渴望的内容的程度,结果是画蛇添足了。本来就有一串的广告JS代码排着队载入,结果还要加个搜索的JS。我严重怀疑,是因为搜索需要匹配关键词,所以相当影响的网页的加载。去除这个搜索JS后,才发现,原来有10多秒的时间都浪费给了这个该死的Google搜索框。在TaoNo.cn的表现更为蹊跷:第一次打开网页只需5-10秒即加载完毕,而第二次再打开,就得在这基础上加上10秒。擒贼先擒王,把Google搜索JS代码去除后,博客的打开速度明显加快,TaoNo.cn的白屏时间也有原来的5-8秒缩短为1-4秒。
综上所述,除了那些众所周知的因素,希望我今天提到的这三点是你第一次听说的,这样我也算是为大家做了贡献了,嘎嘎。如果你还发现有其他的“害虫”,不妨评论提出,与大家一同分享相关经验!





已有人对此文发表了评论