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

工具/原料

• 網頁開發工具

方法/步驟

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

註意事項

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

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