Velocità Impatto basso Facile 30–60 min

Stili inline

Molti style="..." peggiorano cache e manutenzione.

Cos'è

Gli stili inline sono CSS scritti direttamente nell'attributo style="..." degli elementi. In grande quantità ingrandiscono l'HTML e non si possono mettere in cache né riutilizzare.

Perché è importante

L'HTML con molti stili inline è più grande (si trasmette a ogni caricamento) e più difficile da mantenere. Fa eccezione il "critical CSS" inline intenzionale nell'header per la velocità.

Come fare

1Sposta gli stili ripetuti in un CSS esterno/unificato con classi.
2Lascia inline solo i valori realmente unici, calcolati dinamicamente.
3Il critical CSS intenzionale nell'<head> va bene, non è la stessa cosa.

Conclusione

Priorità bassa, più una questione di pulizia e di cachabilità. Sposta in classi gli stili inline di massa; fa eccezione il critical CSS consapevole. Non affrontarlo prima del peso delle immagini e delle risorse bloccanti.

Argomenti correlati