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

工具/原料

• 網頁開發工具

方法/步驟

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

    啟用GZIP壓縮。

    在伺服器上壓縮網站的頁面能很好地提升網站訪問速度。GZIP可以幫我們完成壓縮必要資源，從而給使用者傳送最小的HTML檔案和CSS/JS等資源。

    END

注意事項

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