前言介紹
- 這款 WordPress 外掛「Easy Critical CSS」是 2025-04-28 上架。
- 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
- 上一次更新是 2025-05-01,距離現在已有 2 天。
- 外掛最低要求 WordPress 6.2 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
speed | lighthouse | performance | Critical CSS | optimization |
內容簡介
總結:
Easy Critical CSS 是一個輕量級的 WordPress 外掛,可以讓你將關鍵 CSS 添加到你網站上的任何頁面,提高網站的加載速度和性能。
以下是問題與答案:
1. Easy Critical CSS 是一個什麼樣的 WordPress 外掛?
- Easy Critical CSS 是一個輕量級的 WordPress 外掛,用於為網站任何頁面添加關鍵 CSS,以提高網站的加載速度和性能。
2. Critical CSS API 的功能是什麼?
- Critical CSS API 是一個服務,用於生成關鍵和次要 CSS,從而優化網站的 CSS 交付,並提高頁面加載速度。
3. Cloudflare API 用於什麼目的?
- Cloudflare API 用於在生成新的關鍵 CSS 後自動清除 Cloudflare 緩存,確保訪問者可以立即看到更新的樣式。
4. Kinsta Cache Clear 提供什麼功能?
- Kinsta Cache Clear 用於在生成新的關鍵 CSS 後觸發緩存清除,確保更新的樣式可以立即生效,適用於在 Kinsta 主機上運行的網站。
5. Freemius API 主要用途是什麼?
- Freemius API 用於管理許可證、驗證 API 金鑰,處理外掛更新和帳戶管理。
原文外掛簡介
Easy Critical CSS is a lightweight WordPress plugin that allows you to add Critical CSS to any page on your site, improving your site’s loading speed and performance.
Features:
– Easily add Critical CSS and Secondary CSS to any page
– Secondary CSS removes all unused stylesheets, ensuring only a single optimized CSS file loads
– Supports posts, pages, archives, and taxonomy pages
– Fully compatible with caching plugins (WP Rocket, W3 Total Cache, WP Super Cache, etc.)
– Customizable settings for individual pages
– Background processing to prevent performance impact
– Optional API service (API key required) for automated Critical & Secondary CSS generation
Why Use Critical CSS?
Critical CSS ensures that essential styles for above-the-fold content load first, reducing render-blocking and boosting Core Web Vitals, page speed, and SEO rankings.
External services
This plugin interacts with external third-party services in order to provide its functionality. Below is a detailed breakdown of these interactions:
Critical CSS API (api.criticalcss.net)
This service generates critical and secondary CSS used to optimize your site’s CSS delivery and improve page load times.
Data Sent: The URL, CSS generation preferences, generation status, and HTML content of pages from your website.
When: Data is transmitted only if you have explicitly enabled the Auto generation mode, and occurs whenever Critical CSS or Secondary CSS needs to be generated or regenerated.
Links: Terms of Service, Privacy Policy.
Cloudflare API (api.cloudflare.com)
This service is used to automatically clear your Cloudflare cache after new critical CSS is generated, ensuring your visitors see updated styles immediately.
Data Sent: Authentication credentials (Cloudflare email, API key, and zone ID) and instructions for purging the cache.
When: Data is sent only if CLOUDFLARE_EMAIL, CLOUDFLARE_API_KEY, and CLOUDFLARE_ZONE_ID are defined in your site’s configuration.
Links: Terms of Service, Privacy Policy.
Kinsta Cache Clear (localhost)
If your site is hosted on Kinsta, this plugin can trigger a cache clear after generating new critical CSS, ensuring immediate availability of updated styles.
Data Sent: A cache-clear request to your site’s local server endpoint provided by Kinsta. No sensitive or identifying information is transmitted beyond the local environment.
When: Data is sent only when your site detects that it’s running on Kinsta infrastructure (KINSTA_CACHE_ZONE environment variable is present).
Links: Kinsta Terms of Service, Kinsta Privacy Policy.
Freemius API (api.freemius.com and wp.freemius.com)
Used to manage licensing, validate API keys, and handle plugin updates and account management.
Data Sent: Freemius sends and receives licensing information and plugin activation status, including your site’s URL, plugin version, API key, and licensing details.
When: Data is transmitted only after explicitly opting in through the plugin’s settings page or upon activation of a purchased API key. By default, the plugin does not send any data to Freemius.
Links: Freemius Terms of Service, Freemius Privacy Policy.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Easy Critical CSS」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛(你可能也想知道)
Fast Velocity Minify 》這是一款針對開發人員和進階使用者優化 HTML、CSS 和 JS 的外掛程式。注意在安裝完畢後需要查看 HELP 標籤,手動設定適合你的網站的設定。每個網站都不同,因...。
WP2Speed Faster – Optimize PageSpeed Insights Score 90-100 》自 2010 年以來,Google 就一直將頁面速度作為排名因素之一。2018 年,Google 通過 Pagespeed 更新進一步提高了標準。網站速度會影響用戶體驗和轉換率。, 為...。
AccessibilityPlus: Boost Accessibility & SEO Score for Lighthouse 》這是一個 WordPress 外掛,可通過修正推薦功能來提高您的網站頁面速度、可用性和 SEO 分數。此外掛處理的問題包括:, , 表單元素沒有相關聯的標籤, 連結沒有...。
Simple Eliminate Render Blocking CSS 》這個簡單的外掛程式採用目前最佳實踐方法,消除渲染阻塞的 CSS,可在幾秒鐘內加快網站速度並改善 SEO。, 使用說明:, , 安裝外掛, 啟用外掛, 這就是全部, 。
BANGNAM WP 》BANGNAM WP 是一款功能齊全的 WordPress 外掛,可優化您的網站,壓縮圖片,進行 SEO 等操作。。