Render-blocking CSS is one of the biggest contributors to slow pageload times and poor user experience. By prioritizing the CSS that’s required to render the first visible portion of your website, RapidLoad’s Critical CSS feature can dramatically improve First Paint, First Contentful Paint, First Meaningful Paint, and Speed Index scores.
How It Works
When the Critical CSS feature is enabled, RapidLoad automatically finds the styles required to render the first visible portion of your webpages. Critical CSS is loaded first while the remaining stylesheets are loaded asynchronously in the background.
How to Enable It
To enable the Critical CSS feature, simply check the box in the Advanced Settings section of the RapidLoad plugin.
For any extra CSS that you’d like to forcefully load, you can add it in the Additional CSS input box and it will be appended to the critical CSS file that’s generated.