Klimaatactie voor je mkb-website: 5 dingen die je vandaag zelf kunt doen

Test je site nu op websitecarbon.com voor je verder leest. Dat duurt dertig seconden. De score die eruit komt, is je startpunt.

Klimaatactie voor je mkb-website klinkt groot. In de praktijk is het een rij kleine technische beslissingen die elke site beter maken. Lichter laden, minder data, minder energie. En als bonus: lagere bouncerates en betere scores in Core Web Vitals.

Dit artikel gaat niet over greenwashing-stickers of vage labels. Het gaat over vijf dingen die je vandaag op je eigen WordPress- of WooCommerce-site kunt aanpakken. Ik werk er zelf elke week mee, omdat performance en duurzaamheid voor mij hetzelfde werk zijn.

Klimaatactie mkb website: waarom een lichtere site helpt

Elke pagina die laadt, kost stroom. Op het apparaat van je bezoeker, op het netwerk ertussen en op de server. Een site van 5 megabyte vraagt vijf keer meer transport dan een site van 1 megabyte. Bij duizend bezoekers per maand telt dat op.

De Sustainable Web Manifesto zet de logica simpel neer. Een website is een dienst die energie verbruikt. Minder verbruik betekent minder uitstoot. Daarom is snelheidsoptimalisatie ook klimaatwerk.

In mijn ervaring zit de meeste winst niet bij de hosting, maar bij wat er op de pagina staat. Afbeeldingen, scripts en plugins die werk doen dat niemand opmerkt. Daar pak je vandaag het eerste stuk van.

1. Test je site en noteer een nulmeting

Voor je iets aanpakt, weet je waar je staat. Drie tests duren samen geen vijf minuten.

• websitecarbon.com: geeft een gram CO2 per bezoek en een groene of rode score
• PageSpeed Insights: meet Core Web Vitals en geeft een paginagewicht
• GTmetrix: toont een waterfall van wat er precies laadt

Schrijf de cijfers op. Paginagewicht in kilobyte, aantal requests, LCP-tijd en de CO2 per bezoek. Dat is je nulmeting. Over een maand doe je hetzelfde, en zie je of het werkt.

Een gemiddelde mkb-site zit tussen de 2 en 5 megabyte per pagina. Een lichte site komt onder de 1 megabyte. Het verschil voel je niet alleen op je laptop, maar vooral op een mobiele 4G-verbinding in een dorp met matige dekking. Voor klanten in Zeeuws-Vlaanderen merk ik dat regelmatig.

2. Zet je afbeeldingen om naar WebP

Afbeeldingen zijn meestal de grootste post in het paginagewicht. Een hero-foto van 800 kilobyte is geen uitzondering. In WebP zakt dezelfde foto vaak naar 150 of 200 kilobyte, zonder zichtbaar verlies.

Hoe je het zelf doet op WordPress:

• Installeer een plugin zoals Converter for Media of ShortPixel
• Laat alle bestaande JPG- en PNG-bestanden in één keer converteren
• Stel in dat nieuwe uploads automatisch worden omgezet

Voor mensen die geen plugin willen: Squoosh van Google werkt direct in de browser. Sleep je foto erin, kies WebP, kwaliteit 80, en sla op. Vervolgens upload je hem handmatig. Voor een site met tien tot twintig afbeeldingen is dat in een halfuur klaar.

Vergeet de afbeeldingen in je thema en in productpagina’s niet. Bij webshops zit daar meestal de grootste winst, omdat productfoto’s vaak op origineel formaat staan.

3. Schakel lazy loading aan voor afbeeldingen en iframes

Lazy loading betekent dat een afbeelding pas geladen wordt als de bezoeker er bijna bij is. Tot dat moment hangt er een placeholder. Voor een lange landingspagina met tien afbeeldingen scheelt dat soms 70 procent in initieel paginagewicht.

WordPress doet sinds versie 5.5 lazy loading standaard op afbeeldingen die niet bovenaan staan. Maar er zijn drie controlepunten:

• Werkt het ook bij iframes (YouTube, Google Maps)? Vaak niet zonder een extra plugin of loading="lazy" in de embed.
• Staat er een page builder die de native lazy loading uitschakelt? Elementor en Bricks doen dat soms.
• Heb je background-images via CSS? Die worden niet lazy geladen. Daar is een Intersection Observer voor nodig, of een herziening van de CSS.

Voor de meeste sites is een gratis plugin zoals a3 Lazy Load voldoende. Voor maatwerk-sites kost het een uurtje configuratie. Het effect is direct meetbaar in PageSpeed Insights.

4. Ruim scripts en plugins op

Op een gemiddelde WordPress-site staan 25 tot 40 plugins. Vaak heeft de helft daarvan niets meer te doen. Een vergeten contactformulier, een backup-plugin die naast een nieuwere draait, een SEO-plugin die ooit getest is. Elke plugin laadt code, soms zelfs op pagina’s waar hij niet wordt gebruikt.

Wat je vandaag kunt doen:

• Open de plugin-lijst en deactiveer alles wat je niet herkent
• Gebruik Query Monitor om te zien welke plugin de meeste queries draait
• Schakel social-share-knoppen die niemand gebruikt uit
• Controleer of je analytics-tag dubbel staat (gebeurt vaker dan je denkt)

Voor scripts buiten de plugins: kijk in de broncode of je nog Google Fonts laadt die je niet gebruikt. Of een chat-widget die al maanden uit staat. Of een advertentie-pixel uit een campagne die voorbij is.

Een goede vuistregel: minder dan 15 actieve plugins, minder dan 60 requests per pagina, geen scripts uit het buitenland tenzij ze nodig zijn. Dat haalt zonder design-wijzigingen al een groot deel van de uitstoot eruit.

5. Kies groene hosting en verkort je CDN-keten

Hosting is niet de grootste post in CO2-uitstoot, maar wel een zichtbare. Een hoster die op groene stroom draait en in de EU staat, scheelt direct in je footprint. En het scheelt latency voor je bezoekers, wat performance weer ten goede komt.

Een paar dingen om te checken:

• Staat je hoster in een groen register zoals The Green Web Foundation?
• Zit de server fysiek in de EU? Dat is goed voor AVG en voor de afstand die data aflegt.
• Welke CDN gebruik je, en heb je hem echt nodig?

Zelf werk ik met Hostinger. EU-datacenters, deels groene stroom, en de prijs is voor mkb redelijk. Een CDN zoals Cloudflare voeg ik alleen toe als de site internationale bezoekers heeft. Voor een lokale dienstverlener in Hulst die alleen Zeeuws-Vlaanderen bedient, kost een wereldwijd CDN meer dan het oplevert. De keten kort houden is dan beter.

Een ander punt: trackers en third-party scripts uit andere werelddelen. Een chat-widget uit een Amerikaans datacenter laadt vanuit Frankfurt of Amsterdam altijd langer dan een vergelijkbaar EU-alternatief. Voor een kleine site die op duurzaamheid let, is dat een overweging waard.

Wat je er als mkb-ondernemer aan hebt

Een lichtere site is goed voor het klimaat, dat is het hoofdargument. Maar de bijvangst is praktisch.

Snellere pagina’s. PageSpeed-scores boven de 90 op mobiel zijn haalbaar met deze vijf stappen. Dat is meetbaar in Google Search Console, en het helpt bij zichtbaarheid.

Lagere kosten. Minder data betekent minder bandbreedte, en daarmee soms een goedkoper hostingpakket. Voor een drukke site scheelt dat een paar tientjes per maand.

Betere bezoekersbeleving. Mensen op een trage internetverbinding, en die zijn er nog steeds, haken minder vaak af. Voor lokale klanten in dorpen waar de dekking minder is, telt dat dubbel.

Een eerlijk verhaal te vertellen. Een mkb-bedrijf dat aantoonbaar lichter werkt, kan dat noemen. Zonder vage claims, met een websitecarbon-score op de site.

Wanneer ik erbij betrokken raak

Een deel van dit werk doe je zelf in een avond. Plugins opruimen, WebP aanzetten, een nulmeting maken. Dat heeft geen webmaster nodig.

Andere dingen vragen iets meer techniek. Lazy loading voor background-images via CSS, een CDN-configuratie die wel of niet handig is, een herziene scriptlaadvolgorde, een keten van Google Fonts en Google Tag Manager die elkaar in de weg zit. Dat is werk waar ik vaker bij betrokken raak.

Voor stichtingen, ANBI’s en projecten rond klimaat en duurzaamheid geldt bij mij 50 procent MVO-korting op alle reguliere diensten. Dat zit in mijn werkwijze, niet als losse actie. Verbeteren boven herbouwen, en lichter waar het kan: dat is voor mij hetzelfde werk.

Meer over hoe ik werk lees je in de categorie lokaal en menselijk. Voor de bredere MVO-achtergrond is er de pagina maatschappelijk verantwoord ondernemen.