Critical CSS służy do zamieszczenie fragmentu stylu odpowiedzialnego za widoczną część strony na ekranie w pliku HTML. Wczytywanie pliku CSS asynchronicznie (w celu zwiększenia szybkości strony) powoduje chwilowe wyświetlenie nieostylowanej zawartości. Użycie Critical CSS niweluje ten problem. Dzięki użyciu Critical CSS nasz strona utrzyma poprawny styl początku strony, a dodatkowo wczyta się dużo szybciej.
Te zadanie może za nas wykonać Grunt, albo inny system automatyzacji pracy. Wystarczy dodać wtyczkę grunt-criticalcss i wprowadzić odpowiednie konfiguracje.
