Bijna elk snelheidsprobleem dat wij tegenkomen is achteraf ontstaan. De site werd opgeleverd, iedereen was blij, en daarna kwam er een slider bij, een chatvenster, een boekingsmodule en een tweede lettertype. Een performance budget website-breed vastleggen betekent simpelweg: vooraf afspreken hoe zwaar een pagina mag worden, en dat net zo serieus nemen als het financiële budget.

Het klinkt als iets voor grote organisaties, maar juist bij een site van vijftien pagina’s werkt het, omdat er dan één zin in de offerte nodig is in plaats van een heel proces.

Waarom achteraf repareren zoveel duurder is

Tijdens de bouw kost een keuze voor een lichter beeldformaat of een licht thema niets extra. Het is een beslissing, geen werk. Achteraf is dezelfde keuze een verbouwing: pagina’s opnieuw opbouwen, testen, en uitleggen waarom het ontwerp iets verandert.

Wij zien in de praktijk dat een snelheidsronde op een bestaande site tussen de acht en twintig uur kost, terwijl dezelfde eisen vooraf meegeven nul uur kost. Dat verschil is het hele argument voor deze afspraak.

Er is nog een tweede reden. Zonder afgesproken grens is er geen gesprek mogelijk als het misgaat. “De site voelt traag” is een mening; “de startpagina weegt 3,2 megabyte terwijl we 1,5 hadden afgesproken” is een feit waar iemand iets mee kan.

Een performance budget: website-grenzen die realistisch zijn

Een budget bestaat uit een handvol harde getallen. Deze zijn voor een gemiddelde Nederlandse bedrijfssite goed haalbaar:

  • Paginagewicht op mobiel: maximaal 1,5 megabyte voor de startpagina, maximaal 1 megabyte voor de overige pagina’s.
  • Aantal verzoeken: maximaal 50 per pagina. Dat dwingt automatisch af dat niemand losse bibliotheken blijft stapelen.
  • Grootste element zichtbaar binnen 2,5 seconden op een gesimuleerde mobiele verbinding.
  • Maximaal 3 lettertypevarianten en maximaal 2 scripts van derden op de startpagina.
  • Geen enkele afbeelding boven de 300 kilobyte.

Voor een webshop mag u ruimer zitten, want productpagina’s en het afrekenscherm doen nu eenmaal meer. Twee megabyte voor een productpagina is daar verdedigbaar. Ligt uw lat hoger of lager, prima, zolang het maar een getal is waar iedereen op kan meten.

Belangrijk: spreek af op welke manier er wordt gemeten. Een meting op een vaste verbinding met een lege cache geeft een heel ander beeld dan een mobiele meting. Leg één meetmethode vast, bijvoorbeeld het mobiele profiel van PageSpeed Insights, en houd u daaraan. Het overzicht van bruikbare meetgereedschappen staat in het artikel over meten van laadtijd.

Spreek daarnaast af welke pagina’s gemeten worden. Meet altijd minimaal drie: de startpagina, een inhoudspagina en de belangrijkste actiepagina, dus uw contactformulier of uw afrekenscherm. Alleen de startpagina meten geeft een vertekend beeld, want daar wordt doorgaans het meeste aandacht aan besteed terwijl de rest van de site ongemerkt zwaarder is. Zet die drie adressen letterlijk in de afspraak, zodat er achteraf geen discussie is over welke pagina de norm was.

Hoe u het in een opdracht vastlegt

  1. Zet de getallen in de offerte of het projectplan, niet in een losse mail. Een half A4 volstaat.
  2. Koppel de oplevering eraan. De site is opgeleverd als hij binnen budget blijft, gemeten op drie pagina’s naar keuze.
  3. Spreek af wat er gebeurt bij overschrijding. Meestal: de bouwer past het aan binnen de opdrachtsom, tenzij ú om iets zwaars heeft gevraagd.
  4. Maak uitzonderingen expliciet. Wilt u per se een videoachtergrond, dan verhoogt dat het budget en dat mag, mits het een bewuste keuze is.
  5. Neem een jaarlijkse hermeting op in uw onderhoudsafspraak, want een budget zonder controle vervaagt binnen een halfjaar.

Een nette bouwer zal hier geen bezwaar tegen hebben. Sterker: het beschermt hem ook, omdat hij een argument heeft om nee te zeggen tegen de vijfde marketingtag die er halverwege bij komt.

Het budget bewaken na oplevering

De echte uitdaging begint na de lancering. Marketingafdelingen voegen scripts toe, redacteuren uploaden foto’s, en er komt een plugin bij voor een actie die twee maanden duurt en drie jaar blijft staan.

Wat werkt: een vaste maandelijkse meting van drie pagina’s, met de uitkomst in een gedeeld document. Vijf minuten werk, en het gesprek gaat vanzelf over de oorzaak zodra een getal oploopt. Wat werkt niet: een waarschuwing per e-mail die niemand leest.

Zet daarnaast een afspraak vast over scripts van derden. Elke nieuwe tag, chatwidget of trackingpixel gaat langs één persoon. Dat is geen bureaucratie maar zelfbescherming; hoeveel zoiets kost, staat beschreven in de doorrekening van trackingscripts.

Houd er rekening mee dat niet elke overschrijding een probleem is. Voegt u een videopagina toe voor een productintroductie, dan is die pagina zwaarder en dat mag. Het budget is bedoeld om onbedoelde groei zichtbaar te maken, niet om elke bewuste keuze te blokkeren. Noteer bij zo’n uitzondering wel waarom hij is gemaakt en wanneer hij vervalt, anders staat die zware pagina er over twee jaar nog terwijl de campagne allang voorbij is.

Wanneer een budget overdreven is

Bij een eenvoudige site van vijf pagina’s die u zelf beheert en die zelden verandert, is dit een oplossing voor een probleem dat u niet heeft. Eén afspraak volstaat dan: geen afbeelding boven de 300 kilobyte. Daarmee dekt u tachtig procent van het risico af.

Bij sites met meerdere redacteuren, een marketingbureau en een externe bouwer wordt het wel serieus. Daar zien we bij WebMaintor dat het gewicht anders elk kwartaal met tien tot vijftien procent oploopt, zonder dat iemand zich verantwoordelijk voelt. In een aanpak waarin gemeten wordt vóór en na elke wijziging is zo’n budget het enige dat de sluipende groei stopt.

Concrete volgende stap: meet vandaag het gewicht van uw startpagina en noteer dat getal met de datum erbij. Dat is uw nulmeting, en meteen het eerste getal van uw budget.