By default, CSS and JavaScript elements are considered render blocking, which means the browser won't render any processed content until the resource is downloaded and executed. To reduce the impact of render-blocking resources, critical codes are inlined into the page and the non-critical codes are deferred.
The Optimize CSS Delivery
eliminates CSS render blocking by
automatically identifying the critical CSS that is required to render the section of the
page above the fold on each page and inlines it in the <head>
section
of the HTML document. The combined CSS files are then loaded asynchronously using the
preload
link.
You can easily enable the Optimize CSS Delivery
feature in the
Basic Features
section on
The Dashboard
.
