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 ，由Specs 翻譯整理，發布在Coder資源網，轉載請注明來源。