網(wǎng)站的速度是很多人都面臨的問題，其實許多網(wǎng)站，都沒有特意的去優(yōu)化加載速度，對于一個網(wǎng)站來說，加速不但提高了用戶體驗(如果一個網(wǎng)站在幾秒內(nèi)沒有打開，大多數(shù)用戶選擇的是關(guān)閉而非等待)，而且對于SEO的流量也是有很大影響的，我們可以這樣理解：網(wǎng)站的速度加快了，網(wǎng)頁的加載速度就快了，這樣在同樣的時間內(nèi)，搜索引擎蜘蛛抓取的頁面也就多了，從而增加了收錄、最終流量增長了。可見，網(wǎng)站的速度是影響SEO流量的。那么在網(wǎng)站加速方面，我們應(yīng)該如何做呢?A5優(yōu)化團隊認為有以下幾點：
精減代碼
清除網(wǎng)頁中一些冗余的代碼，網(wǎng)上有這樣的工具，可以輔助完成，如果需要的話，我們可以把代碼中的注釋去掉，甚至空行之類的也去掉，盡量的減少代碼量，從而減小頁面體積。
CSS Sprites
通俗點講，就是圖片合并，可以把網(wǎng)站中一些比較通用的小圖片，合并到一張圖片上，然后利用CSS技術(shù)來分別調(diào)用圖片不同的部分。這樣可以大大的減少HTTP的請求量，在網(wǎng)頁加載的時候，速度就快很多，現(xiàn)在很多大中型網(wǎng)站都在用這個前端加速技術(shù)，效果也是很不錯的。
為圖片指定寬度與高度
這也是很多人比較容易忽略的，在頁面中，請你為每一個圖片，都指定一個width屬性與height屬性，這樣在頁面加載的時候，瀏覽器會預(yù)先留出既定的位置，圖片下邊的代碼可以繼續(xù)下載而不用等待，提高并行下載的速度，提高了頁面加載的速度。
啟用Keep-Alive屬性
Keep-Alive你可以理解為長連接，在沒有啟用keep-alive屬性之前，瀏覽器向服務(wù)器請求的connection是即連即斷的，執(zhí)行一次HTTP請求完成后，馬上斷開這個連接的，而啟用
Conncetion的Keep-Alive屬性之后，這個連接可以保持一段時間，從而可以提高頁面加載的速度。
使用瀏覽器緩存
我們可以使用緩存技術(shù)來提高頁面的加載速度，為一些不經(jīng)常變化的文件，設(shè)置一個相對較長的過期時間，這樣當用戶訪問網(wǎng)站后，就會在它的瀏覽器中留下緩存，當它在下次請求的時候，留在緩存中的組件就不用再向服務(wù)器發(fā)出HTTP請求了，這樣減少了瀏覽器向網(wǎng)站服務(wù)器發(fā)出的HTTP請求數(shù)，從而提高了頁面加載速度，這在一些圖片比較多的網(wǎng)站，效果是非常明顯的，我們要善于使用緩存技術(shù)。
啟用GZIP壓縮
大中型網(wǎng)站，基本都啟用了GZIP壓縮，如果你使用的是虛擬主機，你可以讓服務(wù)商為你啟用，如果自己有服務(wù)器，自己啟用也很簡單的，為什么啟用GZIP壓縮就會加快速度呢，因為當啟用了GZIP后，網(wǎng)站服務(wù)器向你傳輸數(shù)據(jù)之前，是經(jīng)過壓縮了的，當傳輸?shù)侥愕臑g覽器后，會再被解壓縮的，從而可以在你的瀏覽器上正常顯示，而且壓縮率可以達到很多高，效果非常好。一般你啟用了壓縮后，搜索引擎對你網(wǎng)站的抓取量也是上升了的。
前端速度優(yōu)化方面還有很多工作可以去做，例如大公司都啟用了CDN加速，你的圖片也可以進行無損壓縮，CSS、JS文件都可以用一些專業(yè)的工具去壓縮，在你網(wǎng)頁的head標頭要聲明字符集，盡量少用重定向，指定Last-Modified 或 ETag 標頭等，當然這些都多少涉及了一些技術(shù)方面的問題，做頁面前端優(yōu)化是一個系統(tǒng)的工程，是需要技術(shù)、SEO、運維等去配合完成的，不過這個投入是絕對值得的。A5優(yōu)化團隊原創(chuàng)，原文http://www.tangshijun.com/post-2811.html
推薦閱讀
淺談企業(yè)站處理關(guān)鍵詞排名不穩(wěn)的兩個手段
你的企業(yè)站點是否有遇到過這樣的情況：當我們使用了渾身解數(shù)把我們的企業(yè)關(guān)鍵詞排名做到了搜索引擎的首頁，當時站點就是怎么著也到不了前三名。或者是即使上去了也不穩(wěn)定，沒過幾天就被打回原形。很多站長都很納悶，>>>詳細閱讀
本文標題：A5優(yōu)化團隊：SEO優(yōu)化中的前端優(yōu)化
地址：http://www.geekbao.cn/a/34/20120319/41657.html
網(wǎng)友點評
精彩導讀
科技快報
品牌展示