Autoptimize: installeren, instellen en problemen oplossen
Laatst bijgewerkt:
Autoptimize is een gratis plugin die de CSS, JavaScript en HTML van je site verkleint, samenvoegt en uitstelt. Dat kan je pagina’s merkbaar sneller maken, maar het is ook een van de meest voorkomende oorzaken van een kapotte lay-out of een menu dat ineens niet meer werkt. Het goede nieuws: bijna elk probleem is terug te voeren op één instelling. Hier lees je hoe je Autoptimize stap voor stap instelt en hoe je de schuldige vindt.
Wat doet Autoptimize?
Autoptimize werkt op de code die je pagina naar de browser stuurt:
- JavaScript verkleinen, samenvoegen en uitstellen, zodat het de opbouw van de pagina niet blokkeert.
- CSS verkleinen en samenvoegen, en eventueel de kritieke CSS direct in de pagina zetten.
- HTML verkleinen.
- Extra opties zoals Google Fonts anders laden en emoji’s uitzetten.
Autoptimize maakt zelf geen paginacache. Het maakt geoptimaliseerde bestanden die het in een eigen cachemap bewaart. Voor een paginacache combineer je het met je hosting of een cacheplugin.
Installeren
- Ga naar Plugins → Nieuwe plugin, zoek op “Autoptimize”, installeer en activeer.
- Open Instellingen → Autoptimize. Standaard staat er weinig aan; dat is bewust.
- Maak een back-up en meet de snelheid vooraf, bijvoorbeeld met PageSpeed Insights.
Instellingen die ertoe doen
- Begin met CSS en HTML verkleinen en test. Zet daarna JavaScript optimaliseren aan en test opnieuw.
- Samenvoegen (aggregate) is bij moderne servers met HTTP/2 vaak niet nodig en geeft juist meer kans op fouten. Probeer alleen verkleinen zonder samenvoegen.
- Uitsluitingen: in de velden voor uitzonderingen zet je bestanden of mappen die Autoptimize moet overslaan, bijvoorbeeld van een formulierplugin of betaalmodule.
- Ook optimaliseren voor ingelogde gebruikers uit laten staan, zodat het beheer en de paginabouwer niet geraakt worden.
- Testen zonder risico: voeg
?ao_noptimize=1achter een adres toe; dan zie je de pagina zonder Autoptimize. Werkt hij dan wel, dan weet je dat Autoptimize de oorzaak is.
Veelvoorkomende problemen en oplossingen
Pagina zonder opmaak of verkeerde opmaak. De samengevoegde CSS mist een bestand of de volgorde is anders. Leeg de cache van Autoptimize, zet CSS samenvoegen uit, of sluit het problematische stylesheet uit.
Menu, slider of formulier werkt niet. JavaScript wordt in de verkeerde volgorde geladen of te laat. Zet JavaScript samenvoegen uit, of voeg het script (bijvoorbeeld van je formulier) toe aan de uitzonderingen. Controleer de console van je browser op foutmeldingen.
De cachemap groeit en groeit. Autoptimize bewaart elke variant van de samengevoegde bestanden. Bij pagina’s met steeds wisselende inline code ontstaan er telkens nieuwe. Leeg de cache en schakel het samenvoegen van inline code uit.
Na een thema- of plugin-update ziet de site er raar uit. Er worden nog oude geoptimaliseerde bestanden geserveerd. Leeg de Autoptimize-cache en daarna de paginacache van je hosting of plugin.
Problemen bij afrekenen in de webshop. Sluit winkelwagen- en afrekenpagina’s uit, of de scripts van je betaalplugin. Zie WooCommerce.
Alternatieven en vergelijking
- WP Rocket en FlyingPress combineren paginacache met optimalisatie in één plugin.
- LiteSpeed Cache doet hetzelfde op servers die dat ondersteunen.
- Perfmatters en Asset CleanUp richten zich meer op het uitzetten van scripts die niet nodig zijn.
Gebruik nooit twee plugins tegelijk voor het samenvoegen of uitstellen van dezelfde bestanden: dan zoeken ze elkaars fouten op.
Veilig bijwerken
Werk Autoptimize bij na een back-up en leeg daarna altijd zijn cache. Controleer daarna een paar pagina’s, ook op mobiel, en een formulier. Gebruik je een paginacache bij je hosting, leeg die ook, anders zie je nog de oude versie.
Wanneer schakel je hulp in?
Is je site kapot na het aanzetten van optimalisaties, of wil je sneller worden zonder giswerk? Wij helpen met instellen, het zoeken naar de juiste uitzonderingen, bijwerken en het oplossen van conflicten.
Veelgestelde vragen
Maakt Autoptimize een paginacache?
Nee. Autoptimize optimaliseert CSS, JavaScript en HTML en bewaart die bestanden in een eigen map, maar slaat geen complete pagina’s op. Daarvoor heb je een cache van je hosting of een cacheplugin nodig.
Hoe zie ik of Autoptimize mijn site kapotmaakt?
Zet ?ao_noptimize=1 achter het adres van de pagina. Ziet de pagina er dan goed uit, dan ligt het aan een Autoptimize-instelling.
Moet ik CSS en JavaScript samenvoegen?
Niet per se. Op moderne servers levert samenvoegen weinig op en geeft het meer kans op fouten. Verkleinen zonder samenvoegen is vaak een veiliger begin.
Waarom wordt de cachemap van Autoptimize zo groot?
Omdat bij wisselende inline code steeds nieuwe varianten worden gemaakt. Leeg de cache en zet het samenvoegen van inline CSS en JavaScript uit.
Hulp nodig met Autoptimize?
Wij helpen met installeren, instellen, bijwerken en het oplossen van fouten en conflicten. Vertel wat er speelt; je hoort vooraf wat we gaan doen.
Hulp aanvragen Site plat? SpoedhulpLees ook: alle WordPress-plugins · WP Rocket · Perfmatters · Asset CleanUp · WordPress traag · wit scherm in WordPress