內容簡介
此外掛將 Autoptimize 擴充，以自動創建臨界 CSS 樣式規則。這些規則會將正確的臨界 CSS 寫入不同類型的頁面中，以確保在載入完整 CSS 之前即可顯示這些頁面，進而提高「開始呈現時間」和使用者體驗。為此，此外掛與第三方服務 criticalcss.com 整合，讓它生成臨界 CSS（有關價格的資訊，請參考FAQ）。
您只需安裝並啟用此外掛（須先啟用 Autoptimize），輸入您的 https://criticalcss.com API 金鑰，此外掛將自動開始創建規則。
如果您想要更改設定或查看規則，您可以透過按下 Autoptimize 外掛的設定中的「critical css」標籤找到這些選項。有關更多資訊和「安裝說明」，請參考FAQ。
外掛標籤
開發者團隊
② 後台搜尋「Autoptimize criticalcss.com power-up」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
This plugin extends Autoptimize to automatically create critical CSS rules. These rules inject the correct critical CSS in different types of pages to ensure these pages are rendered even before the full CSS is loaded, improving the “start to render time” and user experience. For this purpose the plugin integrates with criticalcss.com, a 3rd party service, to have it generate the critical CSS (see FAQ for info on pricing).
Simply install and activate the plugin (you will need to have Autoptimize up and running), enter your https://criticalcss.com API key and the plugin will automatically start work to create rules.
If you want to change settings or review the rules, you can find these by clicking the “critical css” tab on the Autoptimize plugin settings screen. There are “installation instructions” and more info in the FAQ.
