這個外掛並未在最新的 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