Je laadt code die niemand gebruikt: zo ruim je op
Elke plugin, widget en tracker voegt code toe aan je site. Vaak wordt die code op elke pagina geladen, ook waar hij niks doet. Zo download je bezoeker kilobytes aan JavaScript en CSS die nooit gebruikt worden.
In het kud-rapport Je laadt code die niemand gebruikt
Waarom het uitmaakt
JavaScript is het duurste wat je kunt laden: het moet niet alleen gedownload worden, maar ook uitgevoerd. Op een gemiddelde telefoon kost dat merkbaar tijd, en in die tijd reageert je site trager op klikken.
Veel losse scripts betekent ook veel losse verzoeken. Elk verzoek kost een beetje tijd, en dat telt op.
Zo los je het op
- Maak een lijst van je plugins, apps, trackers en widgets. Wat gebruik je echt? Alles wat twijfel oproept, kan meestal weg.
- Laad scripts alleen op de pagina's waar ze nodig zijn. Een contactformulierscript hoort niet op je homepage.
- Vervang zware oplossingen door lichtere: een slider-plugin van 200 kB voor drie foto's kan vaak ook met een paar regels CSS.
- Laat je developer de Coverage-tab in Chrome DevTools gebruiken: die laat per bestand zien hoeveel procent ongebruikt is.
- Zorg dat je CSS en JavaScript geminificeerd worden: zonder spaties en commentaar zijn ze kleiner.
Op jouw platform
- WordPress
- Perfmatters en Asset CleanUp zetten scripts per pagina uit. Deactiveer en verwijder plugins die je niet gebruikt; een uitgeschakelde plugin laadt niks, maar een vergeten ingeschakelde wel.
- Shopify
- Verwijderde apps laten soms code achter in je thema. Laat je developer controleren of er nog verwijzingen naar oude apps in je theme.liquid staan.
Veelgestelde vragen
Hoeveel scripts is te veel?
Er is geen harde grens, maar boven de 15 tot 20 losse scripts is het de moeite waard om kritisch te kijken. Het gaat vooral om het totale gewicht.
Kan ik iets kapotmaken door scripts te verwijderen?
Ja, daarom stap voor stap: één ding uitzetten, je site testen, dan het volgende. Of laat het doen door iemand die je site kent.