A5優化團隊：SEO優化中的前端優化

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

網站的速度是很多人都面臨的問題，其實許多網站，都沒有特意的去優化載入速度，對於一個網站來說，加速不但提高了使用者體驗(如果一個網站在幾秒內沒有打開，大多數使用者選擇的是關閉而非等待)，而且對於SEO的流量也是有很大影響的， 我們可以這樣理解：網站的速度加快了，網頁的載入速度就快了，這樣在同樣的時間內，搜尋引擎蜘蛛抓取的頁面也就多了，從而增加了收錄、最終流量增長了。 可見，網站的速度是影響SEO流量的。 那麼在網站加速方面，我們應該如何做呢? A5優化團隊www.seozhenduan.com認為有以下幾點：

精減代碼

清除網頁中一些冗余的代碼，網上有這樣的工具，可以輔助完成，如果需要的話，我們可以把代碼中的注釋去掉，甚至空行之類的也去掉，儘量的減少代碼量，從而減小頁面體積。

CSS Sprites

通俗點講，就是圖片合併，可以把網站中一些比較通用的小圖片，合併到一張圖片上，然後利用CSS技術來分別調用圖片不同的部分。 這樣可以大大的減少HTTP的請求量，在網頁載入的時候，速度就快很多，現在很多大中型網站都在用這個前端加速技術，效果也是很不錯的。

為圖片指定寬度與高度

這也是很多人比較容易忽略的，在頁面中，請你為每一個圖片，都指定一個width屬性與height屬性，這樣在頁面載入的時候，瀏覽器會預先留出既定的位置，圖片下邊的代碼可以繼續下載而不用等待，提高並行下載的速度， 提高了頁面載入的速度。

啟用Keep-Alive屬性

Keep-Alive你可以理解為長連接，在沒有啟用keep-alive屬性之前，瀏覽器向伺服器請求的connection是即連即斷的，執行一次HTTP請求完成後，馬上斷開這個連接的，而啟用

Conncetion的Keep-Alive屬性之後，這個連接可以保持一段時間，從而可以提高頁面載入的速度。

使用瀏覽器緩存

我們可以使用緩存技術來提高頁面的載入速度，為一些不經常變化的檔，設置一個相對較長的過期時間，這樣當使用者訪問網站後，就會在它的瀏覽器中留下緩存，當它在下次請求的時候，留在緩存中的元件就不用再向伺服器發出HTTP請求了， 這樣減少了瀏覽器向網站伺服器發出的HTTP請求數，從而提高了頁面載入速度，這在一些圖片比較多的網站，效果是非常明顯的，我們要善於使用緩存技術。

啟用GZIP壓縮

大中型網站，基本都啟用了GZIP壓縮，如果你使用的是虛擬主機，你可以讓服務商為你啟用，如果自己有伺服器，自己啟用也很簡單的，為什麼啟用GZIP壓縮就會加快速度呢，因為當啟用了GZIP後，網站伺服器向你傳輸資料之前， 是經過壓縮了的，當傳輸到你的瀏覽器後，會再被解壓縮的，從而可以在你的瀏覽器上正常顯示，而且壓縮率可以達到很多高，效果非常好。 一般你啟用了壓縮後，搜尋引擎對你網站的抓取量也是上升了的。

前端速度優化方面還有很多工作可以去做，例如大公司都啟用了CDN加速，你的圖片也可以進行無失真壓縮，CSS、JS檔都可以用一些專業的工具去壓縮，在你網頁的head標頭要聲明字元集，儘量少用重定向， 指定Last-Modified 或 ETag 標頭等，當然這些都多少涉及了一些技術方面的問題，做頁面前端優化是一個系統的工程，是需要技術、SEO、運維等去配合完成的，不過這個投入是絕對值得的。 A5優化團隊原創，原文HTTP://www.tangshijun.com/post-2811.html