wordpress禁止轉譯javascript和css

這些文件稱為阻止渲染的JavaScript和CSS，在這我們將向您展示渲染阻止資源是什麼，以及 WordPress 網站如何刪除渲染阻止資源提高網站速度。

因而從始至今，在數以萬計的眾多站台中，衍伸出了改善JavaScript 和 CSS 載入限制的"部分快速轉譯技術"，能夠在保留站台原始效果的情況下，調整網站在讀取瀏覽時的優先存取項目與技術，就是改善禁止轉譯 JavaScript 和 CSS的一種優化方式。

禁止轉譯到底是什麼呢？可能看一下原文比較容易了解。轉譯的原文是 render，但我覺得似乎翻作「繪製」比較讓人容易了解。（雖然這段過程的確要經過轉譯、建構再繪製，但這邊就不討論翻譯問題了 :P） 在此「禁止轉譯」便是網頁的繪製被阻塞（Render blocking）了。根據 Google Web Fundamentals 轉譯樹狀結構的建構、版面配置和繪製此節的說明，必須具備 DOM 與 CSSOM 兩個樹狀結構，兩者結合後才能建構出「轉譯樹狀結構（render tree）」，進而將網頁呈現在使用者面前。

您的網站可能會因多種原因而變慢，包括緩存、阻止渲染的 JavaScript 和 CSS 問題。 您可以使用插件修復 WordPress 中阻止渲染的 JavaScript 和 CSS 問題，同樣您也可以使用插件修復緩存。 使您的網站快速運行非常重要。

「移除禁止轉譯 JavaScript」是一般網站很常見的問題，以 WordPress 架設的網站也不例外，簡單來說禁止轉譯的 JavaScript 會拖慢整個 HTML 網頁的解析，如果您的 WordPress 網站在測試之後，也出現了這個訊息（如下圖），可以依照以下的方式來調整。 在進行調整之前，我們先說明一下 JavaScript 檔案的載入與 HTML 解析之間的關係，釐清這個觀念可以讓您更清楚該如何調整自己的網站設定。

在本文中，我們提出了兩種方法來修復JavaScript和CSS渲染阻止並最終優化WordPress性能