Sebesség Alacsony hatás Egyszerű 30–60 perc

Inline stílusok

A sok style="..." rontja a gyorsítótárazást és a karbantartást.

Mi ez

Az inline stílusok közvetlenül az elemek style="..." attribútumában írt CSS-ek. Nagy mennyiségben megnövelik a HTML-t, és nem gyorsítótárazhatók és nem újrahasználhatók.

Miért foglalkozzon vele

A sok inline stílusú HTML nagyobb (minden betöltéskor átvitelre kerül) és nehezebben karbantartható. Kivétel a fejlécben szándékosan inline-olt „critical CSS” a sebesség kedvéért.

Hogyan csinálja

1Helyezd át az ismétlődő stílusokat külső/egyesített CSS-be osztályokkal.
2Inline csak a valóban egyedi, dinamikusan számított értékekhez maradjon.
3A szándékos critical CSS a <head>-ben rendben van, az nem ugyanaz.

Összegzés

Alacsony prioritás, inkább a tisztaság és a gyorsítótárazhatóság kérdése. A tömeges inline stílusokat helyezd át osztályokba; kivétel a tudatos critical CSS. Ne ezzel foglalkozz a képsúly és a blokkoló erőforrások előtt.

Kapcsolódó témák