Categorie:AlleAISEOMarketingDesignCodeWordpressWoocommerceHTML/CSS

WebP en AVIF: moderne afbeeldingsformaten voor een snellere website

Camera-objectief op een stapel boeken

Afbeeldingen zijn op de meeste websites veruit de zwaarste bestanden — vaak goed voor meer dan de helft van het totale laadgewicht. Jarenlang was de keuze simpel: JPEG voor foto’s, PNG voor logo’s en transparantie. Maar die formaten stammen uit de jaren negentig, en er zijn inmiddels opvolgers die hetzelfde beeld in een fractie van de bestandsgrootte leveren: WebP en AVIF. Wie ze goed inzet, maakt zijn website merkbaar sneller zonder ook maar iets aan het ontwerp te veranderen.

Wat zijn WebP en AVIF?

WebP (ontwikkeld door Google) en AVIF (gebaseerd op de AV1-videocodec) zijn moderne afbeeldingsformaten met veel slimmere compressie dan JPEG en PNG. In de praktijk is een WebP-bestand zo’n 25 tot 35 procent kleiner dan een vergelijkbare JPEG; AVIF gaat verder en haalt regelmatig 50 procent of meer besparing bij gelijke beeldkwaliteit. Beide ondersteunen transparantie (als vervanger van PNG) en animatie (als vervanger van GIF). Browserondersteuning is geen zorg meer: WebP werkt al jaren overal, en AVIF wordt inmiddels door alle grote browsers ondersteund.

Wat levert het op?

Kleinere afbeeldingen betekenen snellere laadtijden, en dat telt dubbel: bezoekers haken minder snel af, en Google gebruikt laadprestaties (Core Web Vitals, met name de LCP — het moment waarop het grootste beeld in beeld staat) als rankingfactor. Juist die LCP wordt meestal bepaald door een grote header- of productfoto. Diezelfde foto als AVIF in plaats van JPEG scheelt zomaar honderden kilobytes — winst die je direct terugziet in de meetcijfers van PageSpeed Insights. Voor webshops met honderden productfoto’s telt het ook op in bandbreedte- en opslagkosten.

Zo zet je het in op WordPress

Het goede nieuws: je hoeft niet handmatig duizenden afbeeldingen om te zetten. Er zijn drie routes. Eén: WordPress zelf ondersteunt het uploaden van WebP al een tijd, en recente versies kunnen uploads automatisch naar moderne formaten converteren. Twee: een optimalisatieplugin of -dienst (zoals ShortPixel, Imagify of Smush) converteert je hele mediabibliotheek op de achtergrond en serveert automatisch WebP of AVIF aan browsers die het aankunnen, met de originele JPEG als terugvaloptie. Drie: een CDN met beeldoptimalisatie doet de conversie on-the-fly, zonder iets aan je site te wijzigen. Voor de meeste sites is route twee de praktische keuze: eenmalig instellen, en elke toekomstige upload wordt automatisch geoptimaliseerd.

Waar je op moet letten

Een paar aandachtspunten. Controleer na het omzetten steekproefsgewijs de beeldkwaliteit — vooral AVIF kan bij agressieve instellingen detail gladstrijken in foto’s met veel structuur. Houd de originelen als bron; converteer altijd vanaf het origineel en niet van WebP naar AVIF. En vergeet de rest van de beeldhygiëne niet: het beste formaat helpt weinig als je een afbeelding van 4000 pixels breed laadt in een kader van 400 pixels. Juiste afmetingen, lazy loading voor beelden onder de vouw en een modern formaat vormen samen het complete pakket.

Conclusie

WebP en AVIF leveren hetzelfde beeld in de helft van de kilobytes, en elke serieuze browser kan ermee overweg. Met een optimalisatieplugin of CDN zet je je complete mediabibliotheek zonder handwerk om, met JPEG als vangnet voor de zeldzame uitzondering. Het is een van de weinige snelheidsoptimalisaties die niets kosten aan design of functionaliteit — gratis winst voor je bezoekers én je Google-scores.

De WordPress-database opschonen: zo houd je je site snel en gezond

Serverracks in een datacenter

Een WordPress-website slaat alles op in een database: berichten, pagina’s, instellingen, reacties, bestellingen. En net als elke opslagplek raakt die database in de loop der jaren vervuild — met oude revisies, verlopen tijdelijke gegevens en restanten van plugins die je jaren geleden al verwijderde. Het resultaat: tragere zoekopdrachten, grotere back-ups en een site die stroperiger aanvoelt dan nodig. In dit artikel lees je wat er zoal ophoopt en hoe je het veilig opruimt.

Wat vervuilt een WordPress-database?

  • Revisies: WordPress bewaart standaard élke tussenversie van elk bericht en elke pagina. Een pagina die tien keer is bijgewerkt staat dus elf keer in je database. Op oudere sites lopen revisies in de duizenden.
  • Verlopen transients: tijdelijke cachegegevens van plugins en thema’s die na hun houdbaarheidsdatum gewoon blijven staan.
  • Spam- en prullenbakitems: spamreacties, verwijderde berichten en concepten die nooit iets werden.
  • Weesgegevens: metadata van berichten of gebruikers die allang verwijderd zijn.
  • Tabellen van oude plugins: veel plugins laten bij het verwijderen hun complete tabellen en instellingen achter — soms honderden megabytes.

Eerst: maak een back-up

Dit is geen formaliteit maar de belangrijkste stap van dit hele artikel. Opschonen betekent gegevens verwijderen, en verwijderd is verwijderd. Maak vóór elke schoonmaakactie een volledige databaseback-up en controleer dat je die kunt terugzetten. Pas dan ga je opruimen.

Opschonen met een plugin

Voor het reguliere onderhoud — revisies, transients, spam, prullenbak — zijn er degelijke opschoonplugins (WP-Optimize en soortgelijken). Die tonen per categorie wat er weg kan en doen het werk met één klik; de meeste kunnen het ook periodiek automatisch draaien. Twee kanttekeningen: laat het “optimaliseren van tabellen” gerust meedraaien, maar blijf af van opties die je niet begrijpt, en beperk het aantal bewaarde revisies liever structureel (dat kan met één regel in wp-config.php) dan dat je elke maand duizenden revisies wegpoetst.

Het echte werk: plugin-restanten en zware tabellen

Wat opschoonplugins níét goed kunnen: bepalen welke tabellen van verwijderde plugins zijn en welke onmisbaar zijn voor je huidige site. Daar is kennis voor nodig — een verkeerde tabel verwijderen kan je site of webshop breken. Op oudere sites en WooCommerce-shops zit hier vaak de grootste winst: achtergebleven logtabellen, sessietabellen en de beruchte opgeblazen options-tabel met “autoload”-gegevens die bij élke paginaweergave worden ingeladen. Een te zware autoload is een klassieke, onzichtbare snelheidsvreter die je alleen met gericht databasewerk oplost.

Hoe vaak?

Voor een gemiddelde site volstaat een kwartaalritme: back-up, opschoonronde, klaar. Webshops en drukke sites hebben er vaker baat bij. Belangrijker dan de frequentie is de volgorde: altijd eerst die back-up.

Conclusie

Een WordPress-database vervuilt vanzelf: revisies, transients, spam en restanten van oude plugins stapelen zich ongemerkt op. Het reguliere onderhoud doe je veilig met een opschoonplugin en een back-up vooraf; voor plugin-restanten en autoload-problemen is gericht handwerk nodig. Een schone database merk je elke dag — in snelheid, in kleinere back-ups en in een site die soepel blijft draaien.

Spam via je contactformulier stoppen: zo houd je je inbox schoon

Rij kleurrijke brievenbussen langs de weg

Elke ondernemer met een contactformulier kent het: tussen de echte aanvragen door druppelen — of stromen — de spamberichten binnen. Aanbiedingen voor SEO-diensten, cryptische links, formulieren vol wartaal. Vervelend voor je inbox, maar ook riskant: tussen vijftig spamberichten mis je die ene echte aanvraag zomaar. Het goede nieuws: formulierspam is voor het overgrote deel te stoppen, zonder je bezoekers te hinderen.

Waar komt formulierspam vandaan?

Vrijwel alle formulierspam komt van bots: programma’s die het internet afstruinen naar formulieren en die automatisch invullen. Een klein deel komt van menselijke spammers, vaak uit lagelonenlanden, die captcha’s gewoon oplossen. Dat onderscheid is belangrijk, want het bepaalt welke maatregel werkt: bots stop je met techniek, menselijke spam alleen met filtering.

De eerste verdedigingslinie: honeypot en tijdscontrole

De vriendelijkste anti-spammaatregelen zijn onzichtbaar voor echte bezoekers:

  • Honeypot: een verborgen veld dat mensen niet zien maar bots wél invullen. Is het veld gevuld, dan wordt het bericht geweigerd. Vrijwel elke formulierenplugin heeft dit ingebouwd — zet het aan.
  • Tijdscontrole: een mens doet minstens enkele seconden over een formulier; een bot vult het in milliseconden in. Formulieren die te snel worden verzonden, worden geweigerd.

Deze twee samen stoppen het merendeel van de botspam en kosten je bezoekers helemaal niets — geen puzzels, geen verkeersborden aanklikken.

Captcha’s: effectief, maar met een prijs

Blijft er spam doorkomen, dan is een captcha de volgende stap. De bekendste is Google reCAPTCHA, maar die heeft nadelen: het laadt een fors script mee op elke pagina (slecht voor je laadtijd), het deelt bezoekersgegevens met Google (een aandachtspunt onder de AVG) en de puzzels frustreren echte bezoekers. Privacyvriendelijkere alternatieven zoals hCaptcha of het onzichtbare Cloudflare Turnstile doen hetzelfde werk met minder bijwerkingen. Vuistregel: begin met de onzichtbare maatregelen en zet pas een captcha in als het echt nodig is — elke drempel in een formulier kost conversie.

Inhoudsfilters voor de hardnekkige gevallen

Tegen menselijke spammers en slimme bots helpt filtering op inhoud: berichten met bepaalde trefwoorden, cyrillisch schrift of meer dan een paar links automatisch blokkeren of in quarantaine zetten. Diensten als Akismet (ook voor formulieren) en de ingebouwde filters van serieuze formulierenplugins doen dit degelijk. Blokkeer eventueel ook verzendingen uit landen waar je aantoonbaar nooit klanten uit haalt — maar wees daar terughoudend mee als je internationaal zaken doet.

Wat je beter níét doet

Het e-mailadres van het formulier vervangen door een afbeelding, het formulier weghalen, of drie captcha’s stapelen: het zijn oplossingen die vooral je échte klanten raken. Hetzelfde geldt voor het verplicht maken van tig velden om spammers te ontmoedigen — elke extra verplichte vraag kost aanvragen van echte bezoekers. Het doel is niet nul spam; het doel is dat elke echte aanvraag moeiteloos binnenkomt en spam de uitzondering is.

Conclusie

Formulierspam bestrijd je in lagen: eerst de onzichtbare maatregelen (honeypot en tijdscontrole), dan een privacyvriendelijke captcha als het nodig blijft, en inhoudsfilters voor de restjes. Kies altijd de oplossing die je echte bezoekers het minst hindert — een schoon postvak is mooi, maar een gemiste klant is duurder dan tien spamberichten.

Een WordPress-thema kiezen: waar let je op (en wanneer kies je maatwerk)?

Rek met kledingstukken om uit te kiezen

Wie een WordPress-website begint, staat voor een keuze uit letterlijk tienduizenden thema’s — gratis, premium, multipurpose, niche. De demo’s zien er allemaal prachtig uit. Toch is het thema een van de meest bepalende keuzes voor je website: het beïnvloedt je snelheid, je flexibiliteit en hoeveel je de komende jaren kwijt bent aan gedoe. In dit artikel lees je waar je op moet letten — en wanneer je beter om een thema héén kunt kiezen.

De demo is niet het product

Themademo’s zijn verkooppagina’s: volgeladen met professionele fotografie, perfecte teksten en elke denkbare module. Jouw site gaat er met jouw content anders uitzien — en dat is het eerlijke vertrekpunt bij het kiezen. Kijk daarom voorbij de demo en beoordeel het skelet: de typografie, de indelingsmogelijkheden, hoe het thema oogt met gewone content in plaats van modelfoto’s.

Waar je op let bij een kant-en-klaar thema

  • Snelheid: test de demo zelf in PageSpeed Insights. Veel populaire multipurpose-thema’s slepen megabytes aan scripts mee voor functies die jij nooit gebruikt — die rekening betaal je bij elke paginaweergave.
  • Onderhoud: wanneer was de laatste update? Een thema dat al een jaar stil ligt, wordt vroeg of laat een beveiligings- en compatibiliteitsprobleem.
  • Beoordelingen en verkoop: niet vanwege de sterren zelf, maar omdat een breed gebruikt thema langer onderhouden blijft.
  • Afhankelijkheden: vereist het thema een specifieke page builder of een sliert bijgeleverde premium-plugins? Elke afhankelijkheid is een toekomstig updateprobleem.
  • Mobiel: bekijk de demo op je telefoon, niet alleen op je laptop. Daar komt het merendeel van je bezoekers vandaan.

De verborgen kosten van het “doe-alles-thema”

Multipurpose-thema’s beloven dat je er élke website mee kunt bouwen, en dat klopt — maar tegen een prijs. Al die flexibiliteit betekent duizenden opties, zware page builders en code die overal rekening mee houdt. In de praktijk zien we het patroon steeds terug: het eerste jaar is iedereen blij, daarna beginnen de trage laadtijden, de conflicten na updates en de ontdekking dat die ene aanpassing “niet kan binnen het thema”. De site zit dan gevangen in zijn eigen fundament — en overstappen betekent opnieuw beginnen.

Wanneer maatwerk de logische keuze is

Een maatwerkthema — gebouwd op precies jouw ontwerp en jouw functionaliteit — draait die rekensom om. Het kost vooraf meer dan een thema van zestig euro, maar je krijgt er iets voor terug dat geen kant-en-klaar thema biedt: code die alléén doet wat jouw site nodig heeft (en dus snel is), een beheeromgeving die is ingericht op jouw content in plaats van duizend opties, en volledige vrijheid om door te ontwikkelen. Voor een hobbyproject is dat overdreven; voor een bedrijfswebsite die jaren mee moet, aanvragen moet opleveren en moet meegroeien, is het vaak de goedkopere keuze over de hele looptijd.

Conclusie

Kies je een kant-en-klaar thema, beoordeel het dan op snelheid, onderhoudsritme en afhankelijkheden — niet op de demo. En maak vooraf de eerlijke afweging: voor een serieuze bedrijfswebsite is een licht maatwerkthema over drie tot vijf jaar gerekend vaak sneller, stabieler én voordeliger dan een doe-alles-thema dat je nooit helemaal de jouwe kunt maken.