Use critical CSS in Statamic 3

Artikel aktualisiert am: von Jens Martsch
Use critical CSS in Statamic 3

This is part two of our series. In part one we explained what critical CSS is and how to Generate critical CSS for your website with node. In this part we show you

How to inline critical CSS in Statamic 3?

First download and install the Add-On Inline Assets from developer octoper.

Create a new tag file

get('name'); 
return basename($url); } }

Insert this code in the <HEAD> section of your main.antlers.html:



Thats it. Now you got fast loading not render-blocking critical CSS.