This plugin is a toolkit for professional CSS optimization.
The plugin provides in a complete solution for CSS code optimization, CSS delivery optimization (async CSS loading) and Critical CSS management.
The plugin provides many unique innovations including conditional Critical CSS, timed CSS loading and/or rendering based on
requestAnimationFrame with frame target,
requestIdleCallback, element scrolled into view or a Media Query.
The plugin enables to render and unrender stylesheets based on a Media Query or element scrolled in and out of viewport enabling to optimize the CSS for individual devices (e.g. save +100kb of CSS on mobile devices). The plugin makes it possible to enable and disable stylesheets based on the viewport orientation change or element scrolled in or out of view event, making it possile (and easy to manage) to dynamically redesign a website based on events.
With debug modus enabled, the browser console will show detailed information about the CSS loading and rendering process including a Performance API result for an insight in the CSS loading performance of any given configuration.
The plugin contains an advanced CSS editor with CSS Lint, Clean-CSS code optimization and CSS Beautifier. The editor can be personalized with more than 30 themes.
Additional features can be requested on the Github forum.
This plugin is a beta release.
Documentation is available on Github.
No screenshots provided