記憶盒子

把記憶裝進(jìn)灰色的盒子,封裝起來(lái),那年那月,重新拾起。

首頁(yè)搜索目錄
search
當(dāng)前主題: 互聯(lián)網(wǎng)絡(luò)

加快網(wǎng)頁(yè)打開(kāi)速度的五點(diǎn)建議

作者:Kaka    時(shí)間:2009-12-28 23:46:49    瀏覽:    評(píng)論:13

      加快網(wǎng)頁(yè)打開(kāi)速度,雖然是老生常談,但不論什么時(shí)候都是站長(zhǎng)密切關(guān)心的問(wèn)題。其實(shí)有不少途徑可以加快網(wǎng)頁(yè)打開(kāi)速度,例如你可以換一臺(tái)性能更高的服務(wù)器,換一條帶寬更多的網(wǎng)絡(luò)線路,再加上CDN加速服務(wù)等等,這些都是從硬性方面來(lái)考慮的,但是,毫無(wú)疑問(wèn),不是每個(gè)站長(zhǎng)都有這個(gè)能力去購(gòu)買這些服務(wù)的,所以,草根站長(zhǎng)只能從軟性方面來(lái)考慮了。

      本文提及的加快網(wǎng)頁(yè)打開(kāi)速度的五點(diǎn)建議,就是從網(wǎng)頁(yè)的優(yōu)化來(lái)考慮的。

      一、優(yōu)化圖片

      優(yōu)化圖片包括減少圖片數(shù)、降低圖像質(zhì)量、使用恰當(dāng)?shù)母袷健?/p>

      1、減少圖片數(shù):要盡量避免使用過(guò)多的圖片,最好不要使用圖片,加載10行文字絕對(duì)比加載5行高的圖片要快得多。

      2、降低圖像質(zhì)量:如果不是很必要,嘗試降低圖像的質(zhì)量,尤其是jpg格式,降低5%的質(zhì)量看起來(lái)變化不是很大,但文件大小的變化是比較大的。

      3、使用恰當(dāng)?shù)母袷剑阂话阍诰W(wǎng)頁(yè)上使用的圖片格式有三種,jpg、png、gif,有時(shí)候使用bmp。我們需要知道在什么時(shí)候應(yīng)該使用什么格式,以減少網(wǎng)頁(yè)的加載時(shí)間。
      a、JPG/BMP:一般用于展示風(fēng)景、人物、藝術(shù)照的攝影作品。有時(shí)也用在電腦截屏上。
      b、GIF:提供的顏色較少,可用在一些對(duì)顏色要求不高的地方,比如網(wǎng)站logo、按鈕、表情等等。當(dāng)然,gif的一個(gè)重要的應(yīng)用是動(dòng)畫圖片。就像用Lunapic制作的倒映圖片。
      c、PNG:PNG格式能提供透明背景,是一種專為網(wǎng)頁(yè)展示而發(fā)明的圖片格式。一般用于需要背景透明顯示或?qū)D像質(zhì)量要求較高的網(wǎng)頁(yè)上。

      二、標(biāo)明圖片高寬

      這點(diǎn)我們非常容易忽略,在寫html代碼時(shí),很少考慮到要去標(biāo)明圖片的width和height屬性。如果瀏覽器沒(méi)有找到這兩個(gè)參數(shù),它需要一邊下載圖片一邊計(jì)算大小,如果圖片很多,瀏覽器需要不斷地調(diào)整頁(yè)面。這不但影響速度,也影響瀏覽體驗(yàn)。

      三、不要在HTML中縮放圖片

      圖片要用多大的就用多大的,1000X1000的圖片被width="100″ height="100″以后,本身的KB數(shù)是不會(huì)減少的。

      四、減少HTTP請(qǐng)求

      當(dāng)瀏覽者打開(kāi)某個(gè)網(wǎng)頁(yè),瀏覽器會(huì)發(fā)出很多對(duì)象請(qǐng)求(圖像、腳本等等),視乎網(wǎng)絡(luò)延時(shí)情況,每個(gè)對(duì)象加載都會(huì)有所延遲。如果網(wǎng)頁(yè)上對(duì)象很多,這可以需要花費(fèi)大量的時(shí)間。因此,要為http請(qǐng)求減負(fù)。如何減負(fù)?
      1、去除一些不必要的對(duì)象。
      2、將臨近的兩張圖片合成一張。
      3、合并CSS
      看看下面這段代碼,需要加載三個(gè)CSS:
      <link rel="stylesheet" type="text/css" href="/body.css" />
      <link rel="stylesheet" type="text/css" href="/side.css" />
      <link rel="stylesheet" type="text/css" href="/footer.css" />
      我們可以將其合成一個(gè):
      <link rel="stylesheet" type="text/css" href="/style.css" />
      從而減少http請(qǐng)求。

      五、減少DNS查找

      減少網(wǎng)站從外部調(diào)用資源,網(wǎng)頁(yè)加載效率會(huì)大大提高,所以,不要使用過(guò)多的網(wǎng)頁(yè)插件。這點(diǎn)建議已經(jīng)被納入Google的網(wǎng)站性能分析報(bào)告里了。

x

標(biāo)簽: SEO  

※ 網(wǎng)站速度慢?試試網(wǎng)站自動(dòng)優(yōu)化工具 ※

上一篇: 在評(píng)論內(nèi)容中顯示評(píng)論者博客最新文章
下一篇: 將Z-Blog博客升級(jí)到1.8 Walle 版本
  • 13.盒***
  • 其實(shí)文章是需要圖片的,只是最好圖片的優(yōu)化就是杠杠的
  • 2015/5/18 17:50:32 回復(fù)該留言
  • 8.安***
  • 呵呵,主機(jī)好,帶寬高,同樣可以提高速度哦
    Liwen 于 2010-1-9 3:22:10 回復(fù)
    是啊,哈~~~
  • 2010/1/8 19:49:01 回復(fù)該留言
  • 7.e****
  • 恩恩,很實(shí)用呢,支持下。
    Liwen 于 2009-12-29 17:46:42 回復(fù)
    多謝支持哈~~
  • 2009/12/29 16:43:00 回復(fù)該留言
  • 6.h*******
  • 嗯,確實(shí),你的博客打開(kāi)速度就很快!
    Liwen 于 2009-12-29 13:58:42 回復(fù)
    這個(gè)博客現(xiàn)在被adsense拖死了。。。
  • 2009/12/29 13:47:06 回復(fù)該留言
  • 5.阿*
  • 我的最簡(jiǎn)潔,無(wú)圖片的,哈哈。。。
    Liwen 于 2009-12-29 13:55:56 回復(fù)
    暈了,你那樣的博客,簡(jiǎn)潔得就是一張公告牌了!進(jìn)入你的博客,我們猶如從現(xiàn)代文明又回到了最初的原始時(shí)代!
  • 2009/12/29 13:32:17 回復(fù)該留言
  • 4.z*****
  • 廣告也很影響速度,hoho,比如剛剛adsense段時(shí)間的抽筋了。
    Liwen 于 2009-12-29 13:34:52 回復(fù)
    我一直為adsense廣告煩心!但又覺(jué)得頁(yè)面加個(gè)廣告,看起來(lái)更顯成熟。如果頁(yè)面上一個(gè)廣告都無(wú),反而覺(jué)得太過(guò)冷清,給人感覺(jué)不好。
  • 2009/12/29 13:15:21 回復(fù)該留言
  • 3.九*
  • 你說(shuō)那個(gè)什么BASELINK啊,還是什么那個(gè)有什么作用?要不要用上?
    Liwen 于 2009-12-29 12:37:24 回復(fù)
    BASELINK插件?什么那個(gè)有什么作用是什么跟什么?關(guān)于插件的選用,還是看自己博客的主題以及發(fā)展方向是否適合吧,只要不濫用,我估計(jì)對(duì)網(wǎng)頁(yè)的加載速度不會(huì)影響很大的。
  • 2009/12/29 12:21:22 回復(fù)該留言
  • 2.貓*
  • 我覺(jué)得圖片不太多的話不會(huì)慢的。
    Liwen 于 2009-12-29 12:29:42 回復(fù)
    嗯,圖片優(yōu)化是關(guān)鍵!
  • 2009/12/29 10:18:15 回復(fù)該留言
  • 1.d***
  • 感覺(jué)優(yōu)化圖片很重要,呵呵
    Liwen 于 2009-12-29 9:38:53 回復(fù)
    所以我的電腦里裝了firework!呵呵~~
  • 2009/12/29 6:41:23 回復(fù)該留言

發(fā)表評(píng)論:

◎歡迎參與討論,請(qǐng)?jiān)谶@里發(fā)表您的看法、交流您的觀點(diǎn)。

訂閱博客                   QQ交流群(312716741)

  • 通過(guò)Google訂閱本站 通過(guò)鮮果訂閱本站 通過(guò)抓蝦訂閱本站
  • 通過(guò)QQ郵箱訂閱本站 通過(guò)Yahoo訂閱本站 通過(guò)有道訂閱本站

Search

最新評(píng)論及回復(fù)

最近留言

網(wǎng)站分類

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號(hào)-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.