提高網站頁面加載速度的方法

我們在通路一些網站時，總是感覺頁面加載的速度不夠快，這是什麼原因導緻的呢？作為網站的開發者又能做哪些優化，來提高頁面的加載速度呢？

工具/原料

• 網頁開發工具

方法/步驟

1. 1

   優化圖像。圖像能吸引訪客的注意，但是每一張圖檔都需要從伺服器下載下傳到訪客的電腦中，這無疑增加了頁面的加載時間。是以，必須優化圖像。優化方法包括适當減小圖檔尺寸，降低圖檔的顔色深度。

2. 2

   去掉不必要的插件。一些免費的插件能夠增強網頁的功能，但是如果添加了過多的插件，就會增加伺服器的負擔和頁面加載時間。在建構頁面時，去掉不必要的插件，用一些内置的功能來代替插件。

3. 3

   減少DNS查詢。DNS查詢需要花費較長時間來傳回IP位址，而浏覽器在查詢結果傳回之前不會做任何操作。具有多種網絡元素的頁面，需要進行多次的DNS查詢，花費的時間更長。減少不同域名的數量，就會減少DNS的查詢，進而加速頁面加載速度。

4. 4

   減少使用重定向。重定向增加了額外的HTTP請求，甚至有時候鍊向多個域名或是不存在的頁面，大大的增減了延遲時間，是以要減少重定向。

5. 5

   使用内容分發網絡CDN。伺服器在處理大流量的資料是十分困難的，這最終導緻頁面加載速度變慢。CDN是位于全球不同地方的高性能網絡服務，它會複制你網站的靜态資源，并以最有效的方式來為訪客服務。使用CDN，可以提升頁面的加載速度。

6. 6

   把CSS檔案放在頁面頭部，JS檔案放在底部。

   把CSS檔案放在頭部可以禁止逐漸渲染，節省浏覽器加載和重繪頁面元素的資源。把JS檔案放在頁面底部可以避免代碼執行前的等待時間，進而提升頁面的加載速度。

7. 7

   利用浏覽器緩存。

   浏覽器緩存是允許訪客的浏覽器緩存你網站頁面副本的一個功能。訪客再次通路時，直接從緩存中讀取内容而不需要重新加載。優化網站的緩存系統會降低網站的帶寬和托管費用。

8. 8

   使用CSS Sprites整合圖像。

   圖像始終是網站優化時的頑疾。可以使用CSS Sprites來整合多個圖像到幾個輸出檔案，進而減少下載下傳資源的往返次數和延遲，進而提高頁面的加載速度。

9. 9

   壓縮CSS和JavaScript。

10. 10

    END

注意事項

• 網站優化的一些心得，希望能幫到大家。