記憶盒子

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

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

提高網(wǎng)站打開速度的18點(diǎn)要素

作者:Kaka    時間:2009-10-17 22:38:45    瀏覽:    評論:10

      我們都清楚,網(wǎng)頁的打開速度十分重要,如果網(wǎng)頁打開時間超過8秒,那么訪客將減少60%。所以,我們需要對網(wǎng)頁進(jìn)行優(yōu)化,以便能夠達(dá)到最佳的用戶體驗(yàn)。

      下面是18條網(wǎng)站加速方法:

      1、減少HTTP請求

      圖片、css、script、flash等等這些都會增加http請求數(shù),減少這些元素的數(shù)量就能減少響應(yīng)時間。把多個JS、CSS在可能的情況下寫進(jìn)一個文件,頁面里直接寫入圖片也是不好的做法,應(yīng)該寫進(jìn)CSS里,利用 CSS sprites 將小圖拼合后利用background來定位。

      2、設(shè)置頭文件過期或者靜態(tài)緩存

      瀏覽器會用緩存來減少http請求數(shù)來加快頁面加載的時間,如果頁面頭部加一個很長的過期時間,瀏覽器就會一直緩存頁面里的元素。不過這樣如果頁面里的東西變動的話就要改名字了,否則用戶端不會主動刷新,看自己衡量了~ 這項(xiàng)可以通過修改.htaccess文件來實(shí)現(xiàn)。

      3、Gzip壓縮

      Gzip格式是一種很普遍的壓縮技術(shù),幾乎所有的瀏覽器都有解壓Gzip格式的能力,而且它可以壓縮的比例非常大,一般壓縮率為85%。壓縮沒壓縮,可以到這里測試:gzip壓縮檢測。

      4、不要在HTML中縮放圖片

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

      5、優(yōu)化圖片

      將你的GIF轉(zhuǎn)為PNG8會是個減小體積的好辦法,另外有很多方法處理你的JPG及PNG圖片以達(dá)到優(yōu)化效果。

      6、不要出現(xiàn)404頁面

      站點(diǎn)本身里(非搜索結(jié)果)出現(xiàn)404頁面,無意義的404頁面會影響用戶體驗(yàn)并且會消耗服務(wù)器資源。

      7、減小Cookie

      Cookie在服務(wù)器及瀏覽器之間的通過文件頭進(jìn)行交換,盡可能減小Cookie體積,設(shè)置合理的過期時間,能夠很好的提高效率。

      8、減少iframe數(shù)量

      需要更有效的利用 ifames。 
      iframe 優(yōu)點(diǎn):有利于下載緩慢的廣告等第三方內(nèi)容,安全沙箱,并行下載腳本 
      iframe 缺點(diǎn):即使為空也會有較大資源消耗,會阻止頁面的onload,非語義

      9、盡早的釋放緩沖

      當(dāng)用戶進(jìn)行頁面請求時,服務(wù)器端需要花費(fèi)200到500毫秒時間來拼合HTML,將寫在head與body之間,釋放緩沖,這樣可以將文件頭先發(fā)送出去,然后再發(fā)送文件內(nèi)容,提高效率。

      10、刪除重復(fù)腳本

      重復(fù)調(diào)用的代碼瀏覽器并不會識別忽略,而是會再次運(yùn)算一遍,這當(dāng)然是大大的浪費(fèi)。

      11、減小JS和CSS的體積

      寫JS和CSS都是有技巧的,用最少的代碼實(shí)現(xiàn)同樣的功能,減少空白,增強(qiáng)邏輯性,用縮寫方式等等,當(dāng)然也有不少工具也能夠幫你實(shí)現(xiàn)這一點(diǎn)。

      12、減少DNS查找

      減少網(wǎng)站從外部調(diào)用資源,網(wǎng)頁加載效率會大大提高。

      13、將JS和CSS外鏈

      一些較為公用的JS和CSS,我們可以使用外鏈的形式,譬如我就是從Google外鏈來的Jquery文件,如果我的瀏覽者在瀏覽別的使用了這個外鏈文件的網(wǎng)站時已經(jīng)下載并緩存了這個文件,那么他在瀏覽我的網(wǎng)站的時候就不需要再進(jìn)行下載了!

      14、避免CSS表達(dá)式

      CSS表達(dá)式很可怕,這個只被IE支持的東西執(zhí)行時候的運(yùn)算量非常大,你移動一下鼠標(biāo)它都要進(jìn)行重計(jì)算的,但有時候?yàn)榱俗鰹g覽器的兼容必須要用到這個||| IE6去死去死!

      15、把CSS放頂部

      讓瀏覽者能盡早的看到網(wǎng)站的完整樣式。

      16、把JS放底部

      網(wǎng)站呈現(xiàn)完畢后再進(jìn)行功能設(shè)置,當(dāng)然這些JS要在你的加載過程中不影響內(nèi)容表現(xiàn)。

      17、用GET方式進(jìn)行AJAX請求

      Get 方法和服務(wù)器只有一次交互(發(fā)送數(shù)據(jù)),而 Post 要兩次(發(fā)送頭部再發(fā)送數(shù)據(jù))。

      18、減少DOM的訪問次數(shù)

      JS訪問DOM是很慢的,盡量不要用JS來設(shè)置頁面布局。

      針對以上的影響因素,webkaka推出了網(wǎng)站速度診斷,會自動掃描網(wǎng)頁元素,對網(wǎng)頁性能優(yōu)化給出相應(yīng)的建議,強(qiáng)烈推薦使用。

x

標(biāo)簽: SEO  

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

上一篇: 網(wǎng)站怎樣從0個用戶迅速發(fā)展到100萬用戶的9個方法
下一篇: 在Java里判斷字符串是否相等

發(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-2025 All Rights Reserved. 粵ICP備14028160號-1

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