This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

LH CSS Lazy Load

Description

Javascript has a HTML based method for deferring and asynchronously loading files, namely script Defer and script Async. Unfortunately these HTML solutions do not work for CSS files.

But do not worry, this plugin allows you to lazy load yous css files. Thus speeding up your initial view experience for visitors and search engines.

Installation

  1. Upload the entire lh-css-lazy-load folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Configure the plugin by adding the CSS handles via Settings->CSS Lazy Load

FAQ

Will this plugin work without javascript?

Yes! As CSS elemets are wrapped in a noscript tag, they will be parsed if javascript is deactivated.

Reviews

April 22, 2020 1 reply
It just disables loading whatever css file you provide its handle, which is indeed a nice feature, but not what I downloaded this plugin for... 😐
September 6, 2018
This works well with Autoptimize! You can inline the most necessary and find the least required CSS's handle and feed it into the Lazy Load CSS. Worth the install and time effort spent on it
Read all 3 reviews

Contributors & Developers

“LH CSS Lazy Load” is open source software. The following people have contributed to this plugin.

Contributors

Translate “LH CSS Lazy Load” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change log

1.00 November 20, 2017
Initial release

1.01 November 27, 2017
Minor bug fix

1.02 June 04, 2018
Added tranlation support