網站前端調校之「禁止轉譯的CSS」

使用Google PageSpeed Insights 幫Blogger 網站做網頁速度檢測時，會發現有幾筆禁止轉譯的JavaScript 與CSS 資源，而且是Blogger 原生的渲染阻塞資源。

網頁的前幾行內容完全無法在下列資源載入完成之前轉譯。請延後載入或以非同步方式載入禁止轉譯資源，或是將這些資源的重要部分直接嵌入HTML。

如何排除禁止轉譯的指令碼. 找出重要程式碼後，請將該程式碼從會禁止轉譯的網址移至HTML 網頁中內嵌的 script 標記。網頁載入時，系統會提供處理網頁核心功能所需的資源 ...

根據輝達CUDA官方消息，新授權條款規定，不得對CUDA程式進行逆向工程/反編譯/反彙編，以將CUDA開發的程式轉譯到其他非輝達的硬體平台上運作。此條款主要指向 ...

這是一篇實作記錄，記錄前陣子透過Google 的PageSpeed Tools 發現清除前幾行內容中的禁止轉譯JavaScript 和CSS這項被扣分，遵循Google 官方的建議，用loadCSS 搭配critical-

禁止轉譯到底是什麼東西？也就是網頁繪製過程中被塞住了，繪製被迫停了下來等待。像是使用<script> ，網頁要等到它下載完並解析代碼完成才會再進行繪製，因此 ...

解答：. 先載入：將JS及CSS檔，直接放入HEADER區塊內。 延遲截入：將圖片宣告元件，加上「loading=lazy」處理。 可能發生的問題：可能會跑版，需多注意。

當檢測完畢後，在可能的最佳化做法中，就會看到「清除前幾行內容中的禁止轉譯JavaScript 和CSS」的項目，接著再點下方的顯示修正問題的做法。

因而衍伸出了改善JavaScript 和CSS 載入限制的部分快速轉譯技術，能夠在保留站台原始效果的情況下，調整網站在讀取瀏覽時的優先存取項目與技術，本次將針對實際細部改善技術 ...

禁止轉譯JavaScript 和CSS，其實指的是在網站畫面呈現的特效工作程式區塊，在行動裝置發展之前，越精美越多樣化的網站所使用的JavaScript 和CSS 特效程式就顯得更加複雜與 ...