WP CSS Merge

外掛說明

WP CSS Merge reduces compatible frontend stylesheet requests by combining local CSS files into cached bundles.

Version 2 uses a safety-first bundle engine:

  • Preserves the dependency and cascade order managed by WordPress.
  • Creates different bundles for different style sets instead of sharing one global file.
  • Keeps external, inline, conditional, RTL, unsupported, and excluded styles unchanged.
  • Rebases relative image and font URLs to their original public locations.
  • Writes cache files atomically in the current site’s uploads directory.
  • Automatically serves the original stylesheets whenever bundling is unavailable or unsuccessful.
  • Invalidates bundles when source files, versions, settings, locale, or queued style combinations change.
  • Supports multisite with a separate cache location for each site.

The plugin never downloads remote CSS, contacts external services, or sends telemetry.

Because HTTP/2 and HTTP/3 reduce the cost of multiple requests, combining every stylesheet is not always faster. WP CSS Merge therefore combines only contiguous styles that can be moved safely without changing their behavior.

螢幕擷圖

安裝方式

  1. Install and activate WP CSS Merge.
  2. Go to Settings > WP CSS Merge.
  3. Enable CSS bundling and save the settings.
  4. Visit the frontend to allow bundles to be generated for the style combinations in use.

Use the cache status panel to clear generated files after troubleshooting. Cache clearing is normally automatic when settings, themes, plugins, or source styles change.

常見問題集

What happens on the first request?

The plugin attempts to build the required bundle before styles are printed. If the file cannot be created and verified, the original stylesheets load unchanged.

Why are some stylesheets not combined?

External stylesheets and styles with inline, conditional, RTL, unsupported at-rule, or different media behavior remain separate to protect rendering and cascade order. Handles listed in the exclusion setting also remain separate.

Where are bundles stored?

Bundles are stored in a wp-css-merge directory inside the current site’s WordPress uploads directory. Multisite installations receive separate site-specific directories through the normal uploads API.

Does the plugin collect or transmit data?

No. WP CSS Merge performs local filesystem and stylesheet processing only. It does not use external services, telemetry, or tracking.

How do I find a stylesheet handle to exclude?

Stylesheet handles are the first argument passed to wp_enqueue_style(). A theme or plugin developer can provide the relevant handle when troubleshooting compatibility.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈WP CSS Merge〉的開發相關工作。

參與者

將〈WP CSS Merge〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

2.0.1

  • Kept styles with WordPress inline-path metadata outside generated bundles.
  • Added a WordPress 7 wp-env regression test for inline-style boundaries and automatic fallback.

2.0.0

  • Replaced the single global CSS file with context-specific, fingerprinted bundles.
  • Added automatic fallback to original WordPress styles on every generation or validation failure.
  • Preserved dependency order, media grouping, and unsupported style behavior.
  • Added safe same-site path resolution and relative asset URL rebasing.
  • Added atomic cache writes, stale cache cleanup, per-site multisite storage, and cache controls.
  • Replaced the AJAX toggle and unrelated promotion with accessible native WordPress settings.
  • Added exclusions, conservative minification, lifecycle cleanup, and current compatibility metadata.

1.0.5

  • Improved path compatibility across operating systems.

1.0.0

  • Initial release.