[WordPress] 外掛分享: Critical CSS and Javascript

首頁外掛目錄 › Critical CSS and Javascript
WordPress 外掛 Critical CSS and Javascript 的封面圖片
10+
安裝啟用
☆☆☆☆
1/5 分(1 則評價)
2185 天前
最後更新
問題解決
WordPress 5.0+ PHP 7.0+ v1.0.0 上架:2020-03-24

內容簡介

關鍵 CSS 和 Javascript

這個關鍵 CSS (Critical CSS) 外掛專門協助您移除阻塞造成的資源,例如 CSS 和 Javascript。我們採用最佳實踐,謹慎地更新您的網站腳本,以在標記完全載入後載入。

我們的外掛還能夠推遲內嵌腳本,這些腳本往往在推遲它們的依賴腳本時會出現問題。我們這樣做是為了確保您的內嵌腳本不會破壞您的網站功能,同時讓您受益於性能提升。

推遲 CSS 和 Javascript 外掛設置

略過特定和關鍵的 CSS 檔案
開關內嵌 Javascript 推遲
開關推遲 jQuery
略過特定和關鍵的 Javascript 檔案

如何忽略關鍵 CSS 或 Javascript 檔案

在您的網站 wp-admin 的「工具」區段中,您會找到「推遲 CSS 和 Javascript」子選單。點擊進入該頁面,您會找到一個文字區域,可在其中添加需要立即載入而不是推遲的檔案。您可以添加檔案名稱或路徑信息來排除。要在此文字區域中添加多個資產,只需用逗號分隔。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Critical CSS and Javascript」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Critical CSS and Javascript
This Critical CSS plugin was built exclusively to help you remove render-blocking resources such as CSS and Javascript. We use best practices to cautiously update your website scripts to load after your markup has completed loading.
Our plugin also has the ability to defer scripts that are inline which tend to cause trouble when you defer their dependent scripts. We do this to ensure that your inline scripts will not break functionality on your site, while allowing you to benefit from the performance gains.
Deferring CSS and Javascript Plugin Settings

Ability to exclude specific and critical CSS files
Toggle deferring inline Javascript
Toggle deferring jQuery
Ability to exclude specific and critical Javascript files

How to ignore a critical CSS or Javascript file
Under the Tools section in the wp-admin of your site you will find a submenu “Defer CSS & Javascript”. Click into that page to find a text area where you can add the file that will need to be loaded immediately and not deferred. You can add filenames or path information to exclude. To add multiple assets to this textarea, simply separate them with a comma.

文章
Filter
Apply Filters
Mastodon