Autoptimize

Autoptimize is een gratis WordPress-plugin die de code van je site opruimt zodat pagina’s sneller laden. Je hoeft er geen ontwikkelaar voor te zijn: je installeert de plugin, vinkt een paar opties aan en de plugin doet het comprimeren voor je. Het resultaat is een lichtere site die je bezoekers en Google waarderen.

Wat is Autoptimize en hoe werkt het

Achter elke WordPress-pagina zitten losse bestanden met HTML, CSS en JavaScript. Bij elk bezoek moet de browser die allemaal ophalen, en hoe meer bestanden en hoe groter ze zijn, hoe langer het duurt voordat je pagina in beeld staat.

Autoptimize pakt dat op twee manieren aan. Eerst voegt het losse CSS- en JavaScript-bestanden samen, zodat de browser minder losse verzoeken hoeft te doen. Daarna verkleint het die bestanden door overbodige spaties, regeleinden en commentaar uit de code te halen. Dezelfde code, minder tekens, dus een kleiner bestand. De plugin kan JavaScript ook naar de onderkant van de pagina verplaatsen, zodat de zichtbare inhoud eerder verschijnt.

Kleinere bestanden en minder verzoeken betekenen direct een kortere laadtijd van je website. Vooral de tijd waarin je grootste blok content in beeld komt, de Largest Contentful Paint (LCP), profiteert daarvan.

Zo stel je Autoptimize in voor snellere laadtijden

Je installeert Autoptimize net als elke andere plugin vanuit je WordPress-dashboard onder Plugins, Nieuwe plugin. Na het activeren vind je de instellingen onder Instellingen, Autoptimize.

Op het hoofdtabblad kun je afzonderlijk kiezen of je HTML, CSS en JavaScript wilt optimaliseren. Voor de meeste sites is het aanzetten van alle drie een goed startpunt. Bewaar je instellingen, leeg de cache en bekijk daarna je site alsof je een bezoeker bent. Klik een paar pagina’s door en let op of alles er nog goed uitziet en werkt.

Deze stap is belangrijk, want het samenvoegen van scripts kan af en toe botsen met een thema of een andere plugin. Ziet iets er raar uit, zet dan één optie tegelijk uit tot je weet welke de boosdoener is. Zo weet je precies welke instelling het conflict veroorzaakt en houd je de rest van de winst.

Geavanceerde instellingen en CDN-ondersteuning

Wie meer controle wil, vindt op het tabblad Extra en in de aanvullende opties fijnere knoppen. Je kunt Google Fonts optimaliseren of helemaal uitschakelen, emoji-scripts verwijderen en specifieke scripts uitsluiten van optimalisatie. Dat laatste is handig als een bepaald script per se apart geladen moet worden.

Autoptimize regelt ook zelf het legen van de cache. Je kunt de cache handmatig wissen of instellen dat dit automatisch gebeurt, bijvoorbeeld wanneer je een nieuw bericht publiceert. Zo krijgen bezoekers altijd de actuele versie van je pagina te zien.

Gebruik je een Content Delivery Network, dan kun je de geoptimaliseerde bestanden vanaf dat CDN laten serveren. Voor bezoekers die verder van je server af zitten, scheelt dat opnieuw wat laadtijd. Een goede basis blijft alsnog snelle WordPress-webhosting: een plugin haalt eruit wat erin zit, maar kan een trage server niet compenseren.

Wat Autoptimize oplevert voor je SEO en gebruikerservaring

Een snellere site is prettig voor je bezoekers en telt mee voor Google. Stel je een hovenier voor met een portfolio vol foto’s: als die pagina in een halve seconde staat in plaats van in vier, blijven meer mensen kijken in plaats van weg te klikken. Kortere laadtijden verlagen het aantal bezoekers dat afhaakt en houden mensen langer op je site.

Voor zoekmachineoptimalisatie is snelheid een van de signalen die meewegen. Autoptimize is geen wondermiddel dat je in één klap bovenaan zet, maar het neemt een concreet stuk techniek uit handen dat anders makkelijk blijft liggen. In combinatie met een caching-plugin en degelijke hosting help je zo je site vlot laden, zonder dat je zelf in de code hoeft te duiken.