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

WP Rocket | Simple LoadCSS Preloader

外掛說明

Deprecated

This plugin is deprecated and will be removed in the future.
It was coded back in 2019 when WpRocket did not have asynchronous support for CSS.
Although this plugin operates at a lower level (main php buffer), which helps apply loadsCSS to ALL styles regardless of whether they conform to wp_enqueue or not, we recommend instead using WpRocket’s system: Load CSS Asynchronously.

Description

Simple high performance plugin to enhance WP Rocket’s css output to use the loadCSS preload polyfill.
This will ensure any css being loaded via the page output is deferred, and utilizing a preload [rel] attribute.
Note: This will not affect admin pages. It’s designed only to process front-end pages.

It is recommended to enable the WP Rocket setting for “Optimize CSS”, which will provide your pages with inline Critical-CSS.
That way an unstyled flash is not seen on page load (if properly configured of course).

This plugin will boost your Lighthouse and PageSpeed Insight scores.

Plugin Mission

We hope that WP Rocket will implement this as a feature of their plugin.
The existing Load CSS Asynchronously only works for supported wp_enqueue styles, which not all plugins/themes properly utilize.
For normal users, we recommend using WP Rocket’s system instead of this plugin.

Requirements:

  • If you intend for logged-in users to see the effect, you must enable WP-Rocket’s setting called “caching for Logged-In Users”
  • Alternatively, you can run the plugin without WP-Rocket, despite it’s intended purpose. (>^.^)>

Features:

  • FilamentGroup’s LoadCSS(v2.0.1) inline injector
    (optional – see settings page next to WP Rocket), triggered via wp_head
  • High performance Regular Expression approach to process WP Rocket’s (php’s) output buffer, to replace stylesheets with the appropriate loadCSS syntax
  • Option to enable the buffer processor when you don’t have WP Rocket installed.
    ** This will respect AMP pages, and Yoast Sitemap output (by not executing). No other considerations have been implemented.

No fluff. Just a robust loadCSS implementation.

You can see how it works, & measure the performance, with this(via repl.it): Run the Plugin’s code
Just paste your own page’s url or html into the appropriate variable @ the top.

And you can test this plugin’s regex as well: WordPress.com html – links filtered by regex

Github link is here: Click

Last tested with:

  • WP Rocket 3.13.x
  • WordPress 6.2.x

Dependencies

  • WP Rocket (optional via settings)
  • file_get_contents() php function (if included loadCSS lib is used via options — default = yes)

螢幕擷圖

  • Settings Page
  • Resultant HTML
  • Sample Measurement
  • Sample Regex

常見問題集

  • Where are the settings?
    Right next to WP Rocket underneath the standard WordPress Admin -> Settings
  • Can I use this without WP Rocket?
    Yes, just make sure and check the box to do so under settings.
  • What ignore conditions are supported at this time?
    Yoast XML sitemap, and AMP pages. By default all Admin pages are ignored.

使用者評論

2021 年 2 月 26 日
Completely killed site. Could not connect to database after activation. Had to manually remove from plugins folder to resolve.
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈WP Rocket | Simple LoadCSS Preloader〉的開發相關工作。

參與者

〈WP Rocket | Simple LoadCSS Preloader〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈WP Rocket | Simple LoadCSS Preloader〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.5

  • Fix for rare but possible scenario where plugin could crash if function isn’t available. is_plugin_active()

1.4

  • Fixed bugs with get_option() variable usage(proofing conditions), wrapped executions in try/catch to prevent potential for an exception to bubble up and crash site, and added logging for exceptions.
  • Adjusted readme to indicate DEPRECATED status of this plugin, being that WpRocket now has an asynchronous css loader.

1.3

  • Adjusted the main runtime to utilize better detection for string replacement, to handle more scenarios (just in case).

1.0

  • Release date: October 29, 2018