Pripojenie zlyhalo. Skúste to prosím znova.

Preskočiť na obsah
SEO Tools
Pomocník a dokumentácia
Rýchlosť Nízky dopad Ľahké 30–60 min

Inline štýly

Veľa style="..." zhoršuje cache a údržbu.

Čo to je

Inline štýly sú CSS zapísané priamo v atribúte style="..." pri elementoch. Vo veľkom množstve zväčšujú HTML a nedajú sa cachovať ani znovu použiť.

Prečo to riešiť

HTML s množstvom inline štýlov je väčšie (prenáša sa pri každom načítaní) a horšie sa udržuje. Výnimkou je zámerné inline „critical CSS“ v hlavičke kvôli rýchlosti.

Ako na to

  1. 1Presuň opakované štýly do externého/zlúčeného CSS s triedami.
  2. 2Inline ponechaj len pre skutočne jedinečné, dynamicky počítané hodnoty.
  3. 3Zámerné critical CSS v <head> je v poriadku — to nie je to isté.

Záver

Nízka priorita, skôr otázka čistoty a cachovateľnosti. Hromadné inline štýly presuň do tried; výnimkou je vedomé critical CSS. Nerieš skôr než váhu obrázkov a blokujúce zdroje.

Súvisiace témy