前言介紹
- 這款 WordPress 外掛「CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce」是 2019-01-30 上架。
- 目前有 1000 個安裝啟用數。
- 上一次更新是 2025-04-04，距離現在已有 30 天。
- 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
- 有 84 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
async js | Defer JS | async css | defer css | pagespeed |
內容簡介
文件
如果是從移動設備發出的請求，則加載/刪除 CSS 或 JS
如果是從桌面設備發出的請求，則加載/刪除 CSS 或 JS
延遲加載 CSS 文件
異步或延遲加載任何 JS 文件
根據各種條件規則，在所有頁面上刪除某些頁面或所有頁面上的任何 JS
根據各種條件規則，在所有頁面上刪除某些頁面或所有頁面上的任何 CSS 文件
在所有頁面或選擇性頁面上異步任何 JS 文件
根據文章類型刪除或添加 JS 文件
根據文章類型刪除或添加 CSS 文件
根據頁面 ID 刪除或添加 JS 文件
根據頁面 ID 刪除或添加 CSS 文件
管理關鍵 CSS
現在，您可以為不同的頁面、文章或自定義文章類型加載不同的關鍵 CSS，優化您的網站速度
步驟 1：進入 CSS JS 管理器 >> 關鍵 CSS 設置
選擇要使用關鍵 CSS 的文章類型，
例如，您想在文章和產品上使用它
步驟 2：進入關鍵 CSS >> 新增關鍵 CSS
您可以添加任意數量的關鍵 CSS
譬如，您想在首頁、文章和產品上使用不同的關鍵 CSS
因此，您將創建 3 個不同的關鍵 CSS，並在該處加載關鍵 CSS
使用此工具生成關鍵 CSS https://www.sitelocity.com/critical-path-css-generator
步驟 3：進入要使用這些關鍵 CSS 的相應文章或頁面，並選擇它們
如何使用 CSS JS 管理器延遲渲染阻止 CSS？
如何從整個網站或特定頁面刪除 CSS 文件？
同樣的步驟也適用於 JS，只需添加 JS 鏈接並從下拉菜單中選擇 JS
高級支持：我們在 24 小時內回應所有支持主題
原文外掛簡介
Documentation
Load / remove css or js if the request is from a mobile device
Load / remove css or js if the request is from a desktop device
Defer Loading of CSS file
Load any JS file Async or Defer
Remove any JS from all the pages, or on some pages based on various conditional rules
Remove any CSS file from all the pages, or on some pages based on various conditional rules
Async any JS file on all the pages or on selective pages
You can remove or add JS file based on post type
You can remove or add CSS file based on post type
You can remove or add JS file based on page id
You can remove or add CSS file based on page id
Manage critical css
Now you can load different critical css for different pages or post or custom post type and optimize your site for speed
Step 1: Go to CSS JS Manager >> Critical CSS setting
select the post type where you want to use the Critical CSS,
Say you want to use it on Post, Product
Step 2: go to Critical CSS >> Add New Critical css
you can add as many critical css as you want
Say you want to have Different critical css for home page, and post, and product
so you will create 3 different critical css and load the critical css There
Use this to generate critical css https://www.sitelocity.com/critical-path-css-generator
Step 3: Go to respective post or page where you will like to use those critical css and select them
How to Defer Render Blocking CSS using CSS JS Manager?
How to remove CSS file from complete website or particular page?
The same steps apply to JS as well just add JS link and select JS from the Drop drop down
Premium support: We respond to all support topics within 24 hours
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
trunk | 2.4.49.24 | 2.4.49.26 | 2.4.49.27 | 2.4.49.29 | 2.4.49.30 | 2.4.49.31 | 2.4.49.32 | 2.4.49.33 | 2.4.49.34 | 2.4.49.36 | 2.4.49.37 | 2.4.49.39 | 2.4.49.40 | 2.4.49.41 | 2.4.49.42 | 2.4.49.43 | 2.4.49.44 | 2.4.49.46 |
延伸相關外掛（你可能也想知道）
HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push 》, 使用一個簡單的選項，即可推送/預先載入網站中的所有 JS 檔案, 推送/預先載入網站中的所有 CSS 檔案, 在整個網站或基於頁面類型推送/預先載入其他資源, 異...。
Defer CSS Addon for BWP Minify 》BWP Minify 是一個強大的外掛，能夠將多個 CSS 檔案縮小為一個檔案。, 如果生成的 CSS 檔案過大，您可以使用此外掛將其宣告移動到頁腳中以延遲載入此檔案，再...。
Critical CSS and Javascript 》關鍵 CSS 和 Javascript, 這個關鍵 CSS (Critical CSS) 外掛專門協助您移除阻塞造成的資源，例如 CSS 和 Javascript。我們採用最佳實踐，謹慎地更新您的網站...。