是谁拖慢了网站速度?

Friday, January 15, 2010 吉光片羽 5

一直以来,对博客的打开速度就不满,可是也没有深究原因何在,因为大体知道,博客的广告位太多,所以必然会有影响。而一旦遇到了阿里妈妈或者AdSense抽筋,后果就更严重了。早在去年,就决策着要改版,虽然已经悄然的再进行着,最近更是痛下决心要精简广告,因为网站打开速度太慢,是影响用户体验的罪魁祸首,反正它们也不会带来什么额外的收入。然而,一次在TaoNo.cn的尝试让我发现,其实不管阿里妈妈或是AdSense抽不抽筋,有个东西都在影响着网站的打开速度。

在这之前,我们还是来看看到底有谁在拖网页下载的后腿!

必不可少的统计代码
别说你网站上没有统计代码,真是这样,这条你可以忽略。统计代码影响真的很大吗?其实不然,但也不是没有影响的,特别是对于使用了不少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秒。

综上所述,除了那些众所周知的因素,希望我今天提到的这三点是你第一次听说的,这样我也算是为大家做了贡献了,嘎嘎。如果你还发现有其他的“害虫”,不妨评论提出,与大家一同分享相关经验!

点击这里获取该日志的TrackBack引用地址

日志标签: 网站  优化  Google  广告  搜索  图片  JS  经验  分享  

已有人对此文发表了评论

  1. 引用该评论 桔子D 10/16/2011 4:34:51 AM 回复
    我就是来点广告的。我刚开的个网站,不知道怎么打开很慢。
  2. 引用该评论 52tool 2/24/2010 11:52:21 AM 回复
    有得必有失嘛,广告多收入多
    吉光片羽 于 2010-2-24 15:15:15 回复

    不见得,照目前的情况下去,我要拿到GG的100刀还得等至少3年……网站没流量,广告真的就是拖后腿的,哎……

  3. 引用该评论 现实呓种 1/26/2010 6:09:41 AM 回复
    悄悄说一声:貌似上面的几点,你博客都具备了……
    吉光片羽 于 2010-1-26 12:55:57 回复

    可不是么……我就是个反面教材…… T,T

  4. 引用该评论 huangjun 1/18/2010 2:18:12 PM 回复
    呃,你的博客确实广告太多了点
  5. 引用该评论 先看看 1/18/2010 10:38:42 AM 回复
    你的速度挺快
    吉光片羽 于 2010-1-18 10:56:33 回复

    是的,把我说的Google搜索JS代码去掉后,速度要比之前快了一倍呢。咯咯。

发表评论:

邮箱网址为选填;若您注册了GRAVATAR,请填写邮箱(不会公开),否则最好不填,您可在提交评论前选择表情头像;点击他人头像可引用其评论。插入UBB

About me

Name: KandyTang
Age: 20+
Location: Guilin, China
QQ: 121885959
Email: KandyT@qq.com

My Works

中文酷博聚合 汽车手绘·视频·教程 史努比(中文)网 免费的PJBlog皮肤 淘宝创意导购 桂林{摄影}品牌

Gallery

Unnamed Album

Unnam... (4)

复线文字LOGO设计

复线文字L... (10)

订书钉的创意-微型城市

订书钉的创... (4)

2010元宵烟火

2010元宵烟火 (7)

国外贺卡设计欣赏

国外贺卡设计欣赏 (20)