這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Optimize More! – CSS

描述

Selectively Optimize your CSS Delivery: Load CSS Asynchronously, Delay CSS until User Interaction, Preload Critical CSS, and Remove Unused CSS Files. Part of ThinkWeb's Performance Pack.

Optimize your site further. Minimize or get rid of Remove Unused CSS and Eliminate Render Blocking Resources warnings on Google Page Speed Insights.

Features

  • Load CSS Asynchronously – selectively load CSS file(s) asynchronously.
  • Delay CSS until User Interaction – selectively delay CSS load until user interaction.
  • Preload Critical CSS – selectively preload critical CSS file(s).
  • Remove Unused CSS Files – selectively remove unused CSS file(s).

Optimize More!

Need to optimize more? Try our WordPress Speed Optimization’s Service

More plugin from ThinkWeb

  • Optimize More! Images – A simple yet powerfull image, iframe, and video optimization plugin (Lazy load images / iframes / videos, Preload featured images automatically). Also support lazy loading CSS background images.

Disclaimer

This plugin will always be in beta. Though the plugin works perfectly well on most WordPress sites, it’s not perfect. We will always try to enhance and adds more features.

This plugin only adds 1 extra row in your database. And it will self delete upon uninstalation.

螢幕截圖

  • Async Load CSS (Loading CSS files Asynchronously)
  • Delay CSS (Delaying CSS files until User Interactions)
  • Preload CSS (Preloading critical CSS files)
  • Remove Unused CSS (Remove Unused CSS files)

安裝

From within WordPress

  1. Visit Plugins > Add New
  2. Search for Optimize More CSS or ThinkWeb
  3. Activate Optimize More! CSS from your Plugins page
  4. Find Optimize More! CSS in your sidebar menu to configure settings

Manually

  1. Download the plugin using the download link in this WordPress plugins repository
  2. Upload optimize-more-css folder to your /wp-content/plugins/ directory
  3. Activate Optimize More! CSS plugin from your Plugins page
  4. Find Optimize More! CSS in your sidebar menu to configure settings

常見問題

How to target the CSS file(s)?

Use keywords: this can be the CSS ID, filename, or even the folder name if you want to target all CSS from some specific plugin.

評價

2022年3月7日
This is fantastic! This plugin allows us to eliminate useless CSS and delay CSS on the desired page. And make my website faster, with a pagespeed.web.dev score of at least 90 Thanks bro!
閱讀全部1個評價

貢獻者及開發者

“Optimize More! – CSS” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Optimize More! – CSS 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.0.3

  • Bug fixes

1.0.2

  • Minor Fix: Fix uploaded files

1.0.1

  • Initial release