LH CSS Lazy Load

by shawfactor

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

Upload the entire lh-css-lazy-load folder to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
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

I wish it was actually working

By roireshef on April 22, 2020

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... 😐

Great Work!

By hoseinshurabi on February 15, 2020

Great Work! Thank you.

Brilliant!

By seodilip on 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

Changelog

1.00 November 20, 2017
Initial release

1.01 November 27, 2017
Minor bug fix

1.02 June 04, 2018
Added tranlation support