Page MenuHomeSealhub

Możliwość oznaczania CSS jako krytycznego
New task, LowPublic2 Points

Description

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

Related Objects

Event Timeline

kuba-orlik reopened this task as New.Jul 25 2019, 19:06
kuba-orlik triaged this task as Low priority.
kuba-orlik created this task.
kuba-orlik shifted this object from the Restricted Space space to the S5 Publiczna space.Jul 25 2019, 19:08
kuba-orlik changed the visibility from "All Users" to "Public (No Login Required)".
kuba-orlik updated the task description. (Show Details)Jul 25 2019, 19:14
kuba-orlik updated the task description. (Show Details)Jul 25 2019, 19:21
kuba-orlik added a subtask: Unknown Object (Maniphest Task).
kuba-orlik changed the status of subtask Unknown Object (Maniphest Task) from Doing to Review.Aug 8 2019, 16:23
kuba-orlik closed subtask Unknown Object (Maniphest Task) as Resolved.Mar 9 2020, 18:38
Herald added a project: Unknown Object (Project). · View Herald TranscriptMar 9 2020, 18:38