keltiecochrane/themosis-criticalcss

A themosis plugin that generates critical CSS

Themosis Critical CSS

A WordPress plugin for Themosis that implements kalfheim/critical-css to generate critical CSS in WordPress. You'll need to have wp-cli setup to run it, and it'll also need to be present in production to new/changed posts. Also relies on keltiecochrane/themosis-illuminate implementation of config and files, and uses keltiecochrane/themosis-logger for logging., _(*1)

It will generate CSS for mobile, tablet and desktop devices, which will be served as appropriate by browser sniffing. It will automatically modify style tags to set them to rel="preload" and uses loadCSS to polyfill browsers that don't support preloading., _(*2)

This plugin will set a cookie to determine users that have/haven't been served the CSS previously (to avoid inflated page loads for users that have a cached copy of your CSS.) You may need to add a notice or override this functionality as is appropriate to local laws regarding cookies., _(*3)

Install

From your projects base path run: -, _(*4)

npm install critical --save, _(*5)

Require the package in composer: -, _(*6)

composer require keltiecochrane/themosis-criticalcss, _(*7)

Copy the config/criticalcss.php file into your config folder., _(*8)

Activate the plugin in WordPress., _(*9)

Use

You'll need to have wp-cli installed, to generate CSS run: -, _(*10)

wp critical-css generate, _(*11)

To clear generated CSS run: -, _(*12)

wp critical-css clear, _(*13)

Support

This plugin is provided as is, though we'll endeavour to help where we can., _(*14)

Contributing

Any contributions would be encouraged and much appreciated, you can contribute by: -, _(*15)

• Reporting bugs
• Suggesting features
• Sending pull requests