前言介紹
- 這款 WordPress 外掛「CSS Optimizer – Remove Unused CSS」是 2021-11-03 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2022-03-16,距離現在已有 1145 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.1 以上。
- 有 6 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
css | speed | autoptimize | Critical CSS |
內容簡介
「移除未使用的 CSS」通常會被 Google 的 PageSpeed Insights 指出。事實上,在大多數情況下,一個網頁的 70% - 80% CSS 代碼是多餘的,可以移除而不影響整體外觀。這主要是因為 WordPress 的主題和外掛是作為通用解決方案創建的,包括了大量可能在特定頁面上使用或可能不使用的功能。
例如:一個主題可能帶有許多功能,如幻燈片、輪播、動畫等等,但你的首頁可能只使用了幻燈片功能,你的關於頁面可能只使用了輪播功能。然而,基於實際考量,要只選擇性地包含在特定頁面上啟用的功能所需的 CSS 規則幾乎是不可能的。
這就是 CSS Optimizer 變得有用的地方。該外掛會調用 ZippiSite 的 CSS Optimizer API,查找特定頁面上需要的 CSS 規則並刪除不必要的規則。
原文外掛簡介
“Remove Unused CSS” is frequently flagged in Google’s PageSpeed Insights. Indeed, most scenario, around 70% – 80% of a page’s CSS codes are redundant, and can be removed without affecting the overall visual. This happens mainly because WordPress themes and plugins are created as generic solutions that includes a bunch of features that may or may not be used on a particular page.
Example: A theme may come with a bunch of features such as slider, carousel, animation and etc, but your home page may use only the slider feature and your about page may use only the carousel feature. However, for practical reason, it’s virtually impossible to selectively include only the required CSS rules for the features that were enabled on a particular page.
This is where the CSS Optimizer becomes useful. The plugin make calls to ZippiSite‘s CSS Optimizer API to find the required CSS rules on a particular page, and remove the ones that are not needed.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「CSS Optimizer – Remove Unused CSS」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 1.2 | 1.3 | 1.4 | 1.5 | 1.6 | 1.7 | trunk |
延伸相關外掛(你可能也想知道)
Speed Optimizer – The All-In-One Performance-Boosting Plugin 》SiteGround Optimizer 插件是由 SiteGround 開發的,可以大幅提高任何托管環境下的 WordPress 網站性能。, 最初設計用於 SiteGround 的服務器,現在已經有近 ...。
Jetpack Boost – Website Speed, Performance and Critical CSS 》使用 Jetpack Boost 優化網頁性能加速你的 WordPress 網站。輕鬆啟用一鍵優化,提升核心 Web 重要指標。, 你是否知道,更快的網站可以:, , 在 Google 搜尋排...。
Cloudflare 》這個外掛可以為您做些什麼, , 自動平台優化 (APO), 使用 Cloudflare 的自動平台優化 (APO) 外掛,可將您的 WordPress 網站加速達 300%。APO 讓 Cloudflare 可...。
10Web Booster – Website speed optimization, Cache & Page Speed optimizer 》10Web Booster 是提升網站整體效能的速度優化外掛程式,讓您專注並蓬勃發展 WordPress 網站的創意方面,同時讓我們專心於 WordPress 效能最佳化。透過 10Web ...。
NitroPack – Caching & Speed Optimization for Core Web Vitals, Defer CSS & JS, Lazy load Images and CDN 》NitroPack 是一個全方位的網站效能優化服務外掛,它包含了所有使網站加速所需的功能,包括圖片優化、代碼壓縮、快取、CDN (內容交付網路)、延遲載入等等。, ,...。
Debloat – Remove Unused CSS, Optimize JS 》這是一個針對進階使用者所設計的外掛,能夠優化CSS載入、移除未使用的CSS,以及提供defer或延遲載入JS的優化功能。, 這是提升核心網頁表現和整體網站效能的完...。
Flying Pages: Preload Pages for Faster Navigation & Improved User Experience 》Flying Pages 是一款 WordPress 外掛,可以在使用者點擊頁面前預先加載頁面,讓頁面瞬間載入。, , 它的運作方式是透過注入一小段(1KB gzipped)JavaScript ...。
WP Performance Score Booster – Optimize Speed, Enable Cache & Page Preload 》WP Performance Score Booster 可以讓網站更快,加速頁面載入時間,並立即提高服務如 GTmetrix、Pingdom、YSlow 和 PageSpeed 的網站效能分數。, 此外掛程式...。
Speed Booster Pack ⚡ PageSpeed Optimization Suite 》「Speed Booster Pack」是一款WordPress外掛,它可以讓你的網站速度更快,讓你在Google PageSpeed、GTmetrix、Pingdom、WebPageTest等主要速度測試服務上得到...。
PhastPress 》PhastPress 使用先進技術在加載時顯著改善頁面、腳本、樣式表和圖像。它設計成符合 Google PageSpeed Insights 和 GTmetrix 建議,可以顯著提高您網站的得分...。
ezCache 》EzCache 是一款易用且創新的快取外掛,能夠顯著提升您網站的速度。, 該外掛安裝簡單、易上手,不需要高級技術知識,僅需幾個簡單步驟就能大幅提高您的網站速...。
Cachify 》Cachify 通過將帖子、頁面和自訂帖子類型作為靜態內容緩存,優化您的頁面載入。您可以選擇通過數據庫、網頁服務器的硬盤驅動器(HDD)、Memcached(僅在 Ngin...。
WP Compress – Instant Performance & Speed Optimization 》ically be served an adaptive image that’s optimized for his device and screen size, ensuring a fast and high-quality browsing experience., Overall,...。
Swift Performance Lite 》——WordPress外掛介紹——, , 需要速度。WordPress的緩存和性能外掛!, 您創建了它,而我們讓它保持快速!您知道嗎……, 您只有3秒鐘的時間來給來訪者留下印象。不...。
Scripts To Footer 》n, 這個小型外掛程式可以把腳本搬至頁面底部的 JavaScript 塊中。請注意,您必須擁有使用wp_enqueue_scripts正確的外掛和佈景主題來實現此目的。, 您可以通過...。