近期很多朋友用網站體檢工具發現自己網站打開速度都超過了1秒，有的地區3~5秒，甚至更多。這樣不僅影響用戶體驗，而且還會導致展現變少，流量下滑。今天遠策科技建站團隊總結了網站打開速度慢的常見原因以及提升網站打開速度的優化方法給大家進行參考。

1、清除不必要的資源，避免進行不必要的下載

如果要以更快速度完成首屏渲染，需要盡可能的減少網頁上關鍵JS/CSS子資源的數量，并清除這些資源，減少下載量。

2、使用代碼拆分減少JS負載

長時間運行的JS可能會阻塞主線程，這時可以考慮使用requestAnimationFrame() 或 requestIdleCallback() 來進行優化。根據不同的業務需求，可以將JS中首屏的關鍵代碼拆分出來，這樣可以提前加載執行首屏中必需的少量JS代碼，從而縮短頁面的加載時間。其余的JS可以按需加載或者置后加載。同時建議將JS優先放在首屏渲染完成之后，放在body閉標簽前面。

3、優化阻塞渲染的JS

為了實現更好的性能，可以讓頁面的JS進行異步執行，建議優先考慮使用defer的方式，其次是async方式，并去除關鍵渲染路徑中任何不必要的JS。為了更大限度減少內核渲染網頁的工作量，建議延遲所有非必需的、對構建首屏渲染無關緊要的JS腳本，將JS優先放在body閉標簽處。如果需要運行較長的初始化序列，請考慮將它們拆分為若干個階段，以便瀏覽內核可以間隔處理其它的渲染任務。

4、優化阻塞渲染的CSS

默認情況下，關鍵CSS子資源是會阻塞內核渲染的，請務必精簡網頁的CSS資源，同時需要將CSS盡快地完成下載，關鍵CSS子資源優先放在head標簽內，以便縮短首屏渲染的時間。一個樣式表可以使用CSS import指令從另一個樣式表文件導入規則。不過應避免使用這些指令，因為它們會在關鍵路徑中增加往返次數從而影響首屏渲染性能。

5、優化和壓縮資源，減小總下載文件大小

優化和壓縮資源來減小總下載大小，來提高網頁加載速度。可以考慮通過簡化編碼來優化主文檔大小，同時可以采用chunk編碼，服務器分chunk輸出，以及通過GZIP來壓縮主文檔資源。

6、頁面存在額外跳轉

從用戶點擊到打開頁面的過程中，有些網站內可能經過額外跳轉才會將最終的頁面展現給用戶，所以建議去除額外的跳轉。

百度搜索對用戶行為的研究表明，頁面首屏的加載時間在1秒以內的頁面，會帶給用戶流暢快捷的極速體驗。所以建議大家定期對網站進行自檢，可以根據以上方法提升網站頁面性能。