To je úplně jednoduché.
Browser začne načítat HTML a pak podle pořadí, přidává css a js.
V případě, že nic nebrání vykreslení prvků pomocí css, tak je prostě začne vykreslovat.
Ta super pěkná moderní, ale jinak úplně na nic animace s kolečkem vlastně schová web pod nějakou bílou vrstvu a čeká se, až se načte všechno ostatní. Včetně obrázků, js a fontů.
Zrovna nedávno o tom psal Souki, že mají v eshop systému implementaci kritických stylů a kodér od klienta jim tam hodil přesně takovou animaci, která jim zpomalila načítání webu o 2 vteřiny.
Načítání stránky není jen o tom, za jak dlouho se vykreslí celá stránka, ale i o tom pocitu, kdy přijdeš na stránku a po kliknutí se hned začne něco dít. To máš pocit, že ta stránka je rychlejší, než když se načítá stejně dlouho, ale koukáš na to jak se točí kolečko :-)
Pokud to jde vypnout, tak to udělej.