Hoeveel CSS heeft een website nodig?
Zo weinig mogelijk. Een gewone site komt met enkele tientallen kilobytes een heel eind.
In de praktijk laden veel sites het tienvoudige, waarvan het grootste deel nooit gebruikt wordt.
Dat komt zelden door de bouwer en meestal door het thema.
Waar het vandaan komt
Kant-en-klare thema’s zijn gemaakt om alles te kunnen. Ze brengen opmaak mee voor twintig indelingen waarvan jij er één gebruikt.
Paginabouwers doen hetzelfde: ze laden hun complete gereedschapskist op elke pagina.
Wat dat kost
Minder dan je denkt, maar niet niets. Opmaak blokkeert het tekenen van de pagina totdat hij binnen is.
Bij een trage verbinding merk je dat. Meer daarover lees je bij cache.
Wat je eraan doet
Laat je optimalisatieplugin de opmaak verkleinen en samenvoegen. Dat is een schakelaar en het scheelt vaak dertig procent.
Wil je verder gaan, dan laat je alleen de opmaak inladen die op die pagina nodig is. Dat is werk voor een ontwikkelaar.
Mijn vuistregels
- Zet verkleinen en samenvoegen aan; dat is gratis winst.
- Gebruik geen tweede paginabouwer naast je eerste.
- Schrijf zelf zo min mogelijk; elke regel is onderhoud.
- Meet voor en na, anders weet je niet of het hielp.
Die tweede kom ik vaker tegen dan je zou denken, en het kost altijd meer dan het oplevert.
Wat je niet moet doen
Regels weghalen omdat ze ongebruikt lijken. Een hulpmiddel dat dat automatisch doet, sloopt geregeld iets dat alleen op één pagina zichtbaar was.
Doe dat alleen met een testomgeving en een reservekopie.
Wat echt zwaar weegt
Niet je opmaak, maar je afbeeldingen en je lettertypen. Daar zit bij vrijwel elke site de meeste winst.
Meer daarover lees je bij pagespeed.
Los die eerst op. Pas als je afbeeldingen op orde zijn, wordt het gewicht van je opmaak een gesprek waard.