Let's Get Critical

A Critical CSS generator for Craft CMS.

Usage

Add the critical-css hook to your head tag:

<head>
    {# ... #}
    
    {% hook 'critical-css' %}
    
    {# ... #}
</head>

Wrap anything you consider to be above the fold with fold tags:

{% fold %}

...

{% endfold %}

The fold tag supports an If statement, useful when using the tag in a loop:

{% for block in entry.pageContent %}
    {% fold if loop.index < 2 %}
        ...
    {% endfold %}
{% endfor %}