A csatlakozás sikertelen. Kérjük, próbálja újra.

Ugrás a tartalomhoz
SEO Tools
Súgó és dokumentáció
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

  1. 1Helyezd át az ismétlődő stílusokat külső/egyesített CSS-be osztályokkal.
  2. 2Inline csak a valóban egyedi, dinamikusan számított értékekhez maradjon.
  3. 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