Opcja podawana do addStyle (albo alternatywna funckja addCriticalStyle), która oznaczy wrzucony CSS jako krytyczny - tzn konieczny do poprawnego wyświetlenia górnej części strony ("above the fold"). Następnie krytyczny CSS jest umieszczany inline w <head>, dzięki czemu pierwszy widok strony może być wyświetlony od razu, bez czekania na resztę CSS-a.
Task polega na dodaniu opcji addCriticalStyle i osadzaniu krytycznych styli w <head>, i nie pakowaniu ich do wynikowego pliku CSS.
Musimy mieć jakiś sposób, aby określać, który komponent/css jest krytyczny. Są komponenty, które domyślnie będą pojawiały się na górze strony - np. navbar powinien zgłaszać wszystkie swoje style jako krytyczne. Ale w przypadku pozostałych komponentów może być różnie - to, czy są krytyczne będzie zależało tak naprawdę od tego, jak blisko góry strony te komponenty są użyte. To, jak to będziemy ustalać pozostawiam dyskusji, którą poruszyłem na Forum:
https://forum.sealcode.org/t/critical-css-w-sealpage/1099
Komponenty muszą być jakoś informowane o tym, że są oznaczone jako krytyczne lub nie