Waarom is inline CSS slecht voor onderhoud?
Inline CSS is slecht voor onderhoud omdat je opmaak dan verspreid over al je pagina’s staat. Eén kleurwijziging wordt dan honderd aanpassingen.
Dat is niet erg als je site nooit verandert. In de praktijk verandert elke site.
Er zijn drie manieren waarop het je gaat kosten.
Een huisstijlwijziging
Met een centraal bestand pas je één regel aan. Met inline opmaak moet je elke pagina langs.
Bij driehonderd pagina’s is dat een week werk. Meer daarover lees je bij design system.
Een onvindbare uitzondering
Eén pagina ziet er anders uit en niemand weet waarom. Het antwoord staat in de HTML van die pagina, en dat zoekt niemand daar.
Meer daarover lees je bij html.
Onmogelijke aanpassingen
Een donkere weergave toevoegen kan niet als je kleuren overal los vastgelegd zijn.
Datzelfde geldt voor een aanpassing per schermformaat. Meer daarover lees je bij css.
Mijn vuistregels
- Alles wat vast is in een bestand.
- Werk met variabelen voor je kleuren en maten.
- Gebruik de globale instellingen van je paginabouwer.
- Ruim inline opmaak op zodra hij je in de weg zit.
Die derde is bij een WordPress-site de grootste winst.
Het extra gewicht
Dezelfde regel op honderd pagina’s is honderd keer verstuurd in plaats van één keer gedownload en bewaard.
Dat is niet dramatisch, maar het is verspilling. Meer daarover lees je bij pagespeed.
Wanneer het niet uitmaakt
Bij een site van vijf pagina’s die je nooit meer aanpast. Dan is het een theoretisch bezwaar.
Meer daarover lees je bij hoe je inline CSS opruimt.