DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Introduction¶

What does it do?¶

This frontend plugin loads inline javascript+css and javascript+css files asynchronously after the page rendered, thus helping with the Google Insight Page Speed rules "Optimize CSS Delivery" [https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery] and "Remove blocking resources, above the fold" [https://developers.google.com/speed/docs/insights/BlockingJS]. For example: you can load the css for a loading screen inline with the html content, and activate the actual css+javascript after all files are loaded -> the user will get a visual response immediately.

Furthermore the plugin can merge all javascript and css resources to one file each, i. e. it reduces the requests when the webpage is loaded.

The plugin is configured purely via the typoscript template and can take effect on the whole site or just some specific pages.