Snelheid Lage impact Makkelijk 30–60 minuten

Inline-stijlen

Veel style="..." verslechtert caching en onderhoudbaarheid.

Wat het is

Inline-stijlen zijn CSS die rechtstreeks in het style="..." attribuut van elementen worden geschreven. In grote hoeveelheden vergroten ze de HTML en kunnen ze niet in de cache worden opgeslagen of opnieuw worden gebruikt.

Waarom het belangrijk is

HTML met veel inline-stijlen is groter (wordt bij elke laadbeurt overgedragen) en moeilijker te onderhouden. De uitzondering is opzettelijke inline "kritieke CSS" in het hoofd voor snelheid.

Hoe je het doet

1Verplaats herhaalde stijlen naar externe/gecombineerde CSS met klassen.
2Houd alleen inline voor werkelijk unieke, dynamisch berekende waarden.
3Opzettelijke kritische CSS in <head> is prima; dat is niet hetzelfde.

Conclusie

Lage prioriteit, meer een kwestie van netheid en cachebaarheid. Verplaats bulk-inline-stijlen naar klassen; de uitzondering is opzettelijke kritische CSS. Behandel het niet voordat u de afbeelding zwaarder maakt en bronnen blokkeert.

Gerelateerde onderwerpen