10種優化頁面載入速度的方法

　　許多研究發現，頁面速度和訪客的滯留時間，跳出率以及收入都有直接的關係。另外，谷歌的排名演算法中也把頁面載入速度作為其中一項考慮因素。因此，你網站的頁面載入時間是至關重要的。從訪問者的角度看，測試你的瀏覽器速度的一個很好的方法是清除你的瀏覽器快取，然後載入頁面。

　　小於2秒的頁載入時間被認為是優良的，而且高達4秒是可接受的。而大於5秒的頁面載入時間不僅影響你網站的搜尋引擎排名，還會嚴重影響使用者體驗。這裡列出了10種方法，可以快速提升你網站的效能。

　1. 優化影象

　　影象對於吸引訪客的關注是很重要的。但是你新增到頁面上的每一張圖片都需要使用者從你的伺服器下載到他們的電腦上。這無疑增加了頁面的載入時間，因此很可能讓使用者離開你的網站。所以，優化影象是非常必要的。

　　過大的影象需要的下載時間更多，因此要確保影象儘可能的小。可以使用影象處理工具如PS來減小顏色深度、剪下影象到合適的尺寸等。

　2. 去掉不必要的外掛

　　一個非常值得關注但經常被忽略的因素是你網站安裝的外掛。如今，大量免費的外掛誘導網站開發者新增很多不必要的功能。您安裝的每個外掛都需要伺服器處理，從而增加了頁面載入時間。所以禁用和刪除不必要的外掛。

　　然而，有些外掛是必須的，如社交分享外掛，你可以選擇CMS內建的社交分享功能來代替安裝外掛。

　3. 減少DNS查詢(DNS lookups)

　　減少DNS查詢是一個WEB開發人員可以用了頁面載入時間快速有效的方法。DNS查詢需要話費很長的時間來返回一個主機名的IP地址。而瀏覽器在查詢結束前不會進行任何操作。對於不同的元素可以使用不同的主機名，如URL、影象、指令碼檔案、樣式檔案、FLASH元素等。具有多種網路元素的頁面經常需要進行多個DNS查詢，因而花費的時間更長。

　　減少不同域名的數量將減少並行下載的數量，加速你的網站

　4. 最小化重定向

　　重定向增加了額外的HTTP請求，因此也增加了頁面載入時間。然而有時重定向卻是不可避免的，如連結網站的不同部分、儲存多個域名、或者從不存在的頁面跳轉到新頁面。

　　重定向增加了延遲時間，因此要儘量避免使用它。檢查是否有損壞的連結，並立即修復。

　5. 使用內容分發網路（Content Delivery Network CDN）

　　伺服器處理大流量是很困難的，這最終會導致頁面載入速度變慢。而使用CDN就可以解決這一問題，提升頁面載入速度。

　　CDN是位於全球不同地方的高效能網路服務，複製你網站的靜態資源，並以最有效的方式來為訪客服務。

　6. 把CSS檔案放在頁面頂部，而JS檔案放在底部

　　把CSS檔案在頁面底部引入可以禁止逐步渲染，節省瀏覽器載入和重繪頁面元素的資源。

　　JavaScript是用於功能和驗證。把JS檔案放在頁面底部可以避免程式碼執行前的等待時間，從而提升頁面載入速度。

　　這些都是一些減少頁面載入時間和提高轉換率的方法。在某些情況下，需要JavaScript在頁面的頂部載入（如某些第三方跟蹤指令碼）。

　7. 利用瀏覽器快取

　　瀏覽器快取是允許訪客的瀏覽器快取你網站頁面副本的一個功能。這有助於訪客再次訪問時，直接從快取中讀取內容而不必重新載入。這節省了向伺服器傳送HTTP請求的時間。此外，通過優化您的網站的快取系統往往也會降低您的網站的頻寬和託管費用。

　8. 使用 CSS Sprites 整合影象

　　多影象的網站載入時間比較久。其中一個解決方法就是把多個影象整合到少數幾個輸出檔案中。你可以使用 CSS Sprites 來整合影象檔案。這樣就減少了在下載其他資源時的往返次數和延遲，從而提高了站點的速度。

　9. 壓縮CSS和JavaScript

　　壓縮是通過移除不必要的字元（如TAB、空格、回車、程式碼註釋等），以幫助減少其大小和網頁的後續載入時間的過程。這是非常重要的，但是，你還需要儲存JS和CSS的原檔案，以便更新和修改程式碼。

　10. 啟用GZIP壓縮

　　在伺服器上壓縮網站的頁面是提升網站訪問速度非常有效的一種方法。你可以用gzip壓縮做到這一點。Gzip是一個減小傳送給訪客的HTML檔案、JS和CSS體積的工具。壓縮的檔案減少了HTTP響應時間。據Yahoo報導，這大概可以減少70%的下載時間。而目前90%的通過瀏覽器的流量都支援Gzip壓縮，因此，這是一個提示網站效能有效的選項。

　　優化你的網站是留住你的訪客和提升搜尋引擎排名有效的途徑。使用上面提到的10種方法來提高你的網站效能。

　　via：dzone.com 翻譯：info.9iphp.com