載入緩慢的網站是一個巨大的問題，但是，有很多方法可以克服它。在眾多解決方案中，您可以嘗試在WordPress中正確合併外部JavaScript 。
雖然解決方案可能很簡單，但它會像魅力一樣發揮作用。在本文中，我們將向您展示為什麼必須在WordPress中合併外部JavaScript檔案以及如何使用幾個簡單的步驟來完成。
為什麼必須合併外部JavaScript檔案？
您可能知道，當您請求一個HTML頁面時，瀏覽器將傳送一個對所有所需資源的查詢。所有檔案，包括JavaScript檔案，都將從伺服器獲取並再次載入到瀏覽器中。
在每個請求中，JavaScript檔案會一起下載，但會按照它們在HTML中出現的順序執行。雖然單獨下載本身可能會減慢網站速度，但順序過程可能會讓您等待更多。
JavaScript檔案和CSS檔案都是渲染阻塞資源——除非所有檔案都完全載入，否則不會載入其他元件。由於這些檔案通常位於網頁的頭部，因此可能會導致問題。
為確保您是否遇到這些問題，您需要通過進行速度測試來檢查您網站的效能。
有許多網站，如Pingdom、GTMetrix和Google PageSpeed Insights可以幫助您做到這一點。您所要做的就是放置您的網站連結，然後單擊分析。
以下是我們測試站點結果的示例：
理想情況下，結果應該在綠色類別內（快速）。或者至少，確保您的網站不在紅色類別中。如果發生這種情況，請立即採取行動。
大多數情況下，如果找到超過五個JavaScript檔案，您會收到警告。通過定位問題，您已準備好解決問題。
HTTP/2
實施HTTP/2等最新技術總是有益的。如果您的託管服務提供商支援它 – 您可能不需要合併檔案，因為它支援並行下載。
HTTP/2（超文字傳輸協議第2版）於2015年釋出，是作為HTTP/1.1的增強版開發的，自1989年以來一直是線上通訊的標準。新協議的增強旨在：
- 提高頁面載入速度
- 啟用並行下載
- 啟用多路複用
- 壓縮請求頭
- Head-of-line或包裹阻塞
這個新版本有幾種方法可以減少延遲，這會影響網站的整體效能。
請記住，這個合併外部JavaScript檔案的教程是為那些使用HTTP/1.1的人準備的。
如何在WordPress中合併外部JavaScript檔案？
如前所述，在進行頁面載入速度測試時，多個JavaScript檔案會增加總渲染時間並觸發警告。
作為一種解決方案，您可以在WordPress中合併外部Javascript檔案，將它們全部變成一個檔案並刪除其餘檔案。如果您複製並貼上正確的指令碼，則JavaScript組合檔案將像單獨的檔案一樣正常工作。
雖然複製和貼上的想法可能看起來很簡單，但手工編碼的工作具有挑戰性。由於JavaScript的學習曲線很陡峭，因此粗心地執行這些任務將弊大於利。
因此，您可以使用外掛在WordPress中結合外部JavaScript，讓您的生活更輕鬆。
最好的外掛之一是Autooptimize。
這個外掛可以幫助您處理HTML、CSS或JavaScript檔案的縮小任務。定期更新，超過900,000次活躍安裝，強烈推薦此外掛。
雖然您可以免費使用它，但您可以獲得其高階版本以獲得更多功能：Autooptimize Pro Configuration ( $167 ) 和Complete Speed Optimization ( $671.74 )。
安裝並啟用後，您可以轉到WordPress儀表盤 -> 設定 -> Autooptimize。在JS、CSS & HTML選單下，您可以啟用Optimise JavaScript Code。之後，單擊Save Changes。優化是自動的，因此您可以立即再次測試您的網頁載入速度以檢視改進。
除此之外，如果要合併CSS檔案，還可以啟用Optimise CSS Code選項。如果您使用的是CDN，則可以啟用所有選項，包括CDN選項。
小結
載入速度對於任何網站都非常重要。如果您在本部門遇到任何問題，請儘快嘗試解決。
您可以在WordPress中合併外部JavaScript檔案，以加快您的網站載入速度。但是，它可能需要您手動處理程式碼。
如果您想避免意外錯誤，建議使用外掛來完成任務。Autooptimze是最好的WordPress外掛之一。安裝後，它將自動優化您的網站。
評論留言