Čo je font preloading a aký má význam pre rýchlosť načítania stránky?
Font preloading je technika prednačítania webových fontov prostredníctvom HTML značky
<link rel="preload">, ktorá zabezpečí, že sa písma načítajú ešte predtým, ako ich prehliadač potrebuje na zobrazenie obsahu. Tento proces minimalizuje oneskorenie v zobrazovaní textu a predchádza problémom známym ako FOUT alebo FOIT.
Výhody font preloading pre používateľský zážitok a SEO
Pomocou font preloading je možné zabrániť zobrazovaniu náhradných fontov alebo neviditeľného textu pri prvotnom načítaní stránky, čo zlepšuje vizuálnu konzistenciu a používateľský komfort. Okrem toho sa zrýchľuje načítanie a zvyšuje skóre Google PageSpeed.
Príklad implementácie font preloading v praxi
Typická implementácia:
<link rel="preload" href="/fonts/myfont.woff2" as="font" type="font/woff2" crossorigin>
Takto zabezpečíme, že kritické písmo bude dostupné pri prvom renderovaní bez zdržania.
