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

1Presuň opakované štýly do externého/zlúčeného CSS s triedami.
2Inline ponechaj len pre skutočne jedinečné, dynamicky počítané hodnoty.
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