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

WordPress 外掛 Critical CSS and Javascript 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Critical CSS and Javascript」是 2020-03-24 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2020-03-25,距離現在已有 1866 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

teamperformance |

外掛標籤

defer css | critical js | Critical CSS | critical css js | critical javascript |

內容簡介

關鍵 CSS 和 Javascript

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

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

推遲 CSS 和 Javascript 外掛設置

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

如何忽略關鍵 CSS 或 Javascript 檔案

在您的網站 wp-admin 的「工具」區段中,您會找到「推遲 CSS 和 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.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Critical CSS and Javascript」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | trunk |

延伸相關外掛(你可能也想知道)

暫無相關外掛推薦。

文章
Filter
Mastodon