記憶盒子

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

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

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

作者:Kaka    時間:2009-12-28 23:46:49    瀏覽:    評論:13

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

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

      一、優(yōu)化圖片

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

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

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

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

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

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

      三、不要在HTML中縮放圖片

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

      四、減少HTTP請求

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

      五、減少DNS查找

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

x

標(biāo)簽: SEO  

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

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

發(fā)表評論:

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

訂閱博客                   QQ交流群(312716741)

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

Search

最新評論及回復(fù)

最近留言

網(wǎng)站分類

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

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號-1

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