Shopify theme performance audit — de 15-punten checklist
Terug naar blog
ShopifyPerformance

Shopify theme performance audit — de 15-punten checklist

AuthorRuthger Idema
15 april 202612 min leestijd

Een Shopify theme dat 5,8 seconden laadt op mobiel verliest gemiddeld 53% van de bezoekers voor de eerste interactie. Dit is de audit die we zelf uitvoeren voor elke Shopify performance opdracht.

Shopify theme performance audit — de 15-punten checklist

53% van de mobiele bezoekers verlaat een pagina die meer dan 3 seconden laadt. Google hanteert Core Web Vitals als rankingfactor. Een Shopify theme dat 5,8 seconden laadt op mobiel is geen designprobleem — het is een omzetprobleem.

Dit is de exacte checklist die wij doorlopen bij elke Shopify performance audit. 15 punten, gerangschikt op impact. Geen vage adviezen — concrete dingen die je kunt uitvoeren.

Wat je leert in dit artikel

  • Hoe je een betrouwbare baseline meet
  • De 15 audits op volgorde van impact
  • Hoe je theme.liquid optimaliseert
  • Lazy loading correct implementeren
  • Wat je niet moet aanraken (en waarom)

Stap 0: Baseline meten

Audit nooit zonder meetpunt. Je kunt anders niet aantonen wat een wijziging oplevert.

Meet met drie tools:

Google PageSpeed Insights — meet zowel Lab als Field data. Field data is het belangrijkste voor SEO. Lab data is deterministisch voor vergelijking voor en na. WebPageTest — gebruik de instelling Motorola G4, slow 3G voor mobiel. Dit is de testconfiguratie die Google ook hanteert voor CrUX-data. Shopify's eigen Theme Inspector — beschikbaar in de Shopify CLI. Toont render-tijden per Liquid section en snippet.

Sla de nulmeting op. Screenshot van PageSpeed, export van WebPageTest, screenshot van Theme Inspector. Zonder dit kun je geen resultaat aantonen.

Checklist punt 1: JavaScript-bundles

Het eerste wat wij controleren is de JavaScript-payload.

bash 
# Laad de homepage in Chrome DevTools
# Netwerk → filter op JS → sorteer op grootte
Wat acceptabel is: < 150KB compressed JavaScript voor de eerste paginalading. Wat wij vaak zien: 400–800KB, inclusief jQuery, Slick Slider, Google Tag Manager, chat-widget en drie app-scripts die tegelijk laden.

Acties:

  • Verwijder jQuery als het theme het niet meer nodig heeft (Dawn gebruikt het niet)
  • Laad chat-widgets asynchroon: