Shopify snelheid en AI-indexering: waarom trage shops worden overgeslagen
Patrick Verhoeks AI-crawlers en zoekmachines mijden trage websites. Hoe sneller jouw Shopify-shop laadt, hoe vaker hij wordt geïndexeerd en geciteerd door AI. Zo verbeter je het.
Een trage webshop kost je niet alleen bezoekers en conversies — het kost je ook AI-vindbaarheid. Crawlers van zoekmachines én AI-tools zoals Perplexity en ChatGPT hebben een beperkt crawlbudget: ze stoppen met crawlen als een pagina te lang op zich laat wachten.
Waarom snelheid voor AI-indexering telt
Traditionele zoekmachines als Google koppelen laadtijd al jaren aan rankings via Core Web Vitals. Maar AI-crawlers zijn nog strikter: ze crawlen het web actief op zoek naar citeerbare bronnen, en doen dat met minder geduld dan Googlebot.
Een pagina die er meer dan 3 seconden over doet om te laden, loopt een significant risico om:
- Minder frequent gecrawled te worden
- Minder volledig geïndexeerd te worden (alleen de eerste paar kilobytes worden geladen)
- Lagere prioriteit te krijgen bij content-selectie voor AI-antwoorden
Voor Shopify-webshops is dit extra relevant omdat productpagina’s — de meest waardevolle pagina’s voor AI-aanbevelingen — vaak zwaar zijn door afbeeldingen, apps en tracking-scripts.
Core Web Vitals: de drie maatstaven
Google (en indirect AI-crawlers) meten paginasnelheid via drie metrics:
LCP — Largest Contentful Paint
Hoe snel verschijnt het grootste zichtbare element op de pagina? Voor productpagina’s is dat bijna altijd de productafbeelding.
Goed: onder 2,5 seconden Slecht: boven 4 seconden
Voor Shopify: preload de LCP-afbeelding met <link rel="preload" as="image"> in de <head> — dit is een van de grootste quick wins.
INP — Interaction to Next Paint
Hoe snel reageert de pagina op een klik of invoer? Dit is de opvolger van FID (First Input Delay).
Goed: onder 200ms Slecht: boven 500ms
Voor Shopify: te veel JavaScript van apps is de meest voorkomende oorzaak van een slechte INP-score.
CLS — Cumulative Layout Shift
Verschuiven elementen op de pagina terwijl hij laadt? Buttons die wegglijden als je ze wil aanklikken zijn het bekende voorbeeld.
Goed: onder 0,1 Slecht: boven 0,25
Voor Shopify: afbeeldingen zonder expliciete width en height zijn de meest voorkomende oorzaak.
Hoe staat een gemiddelde Shopify-shop ervoor?
Uit onze praktijkervaring met Shopify-audits:
- Een standaard Shopify-shop zonder optimalisatie scoort gemiddeld 40-60 op Pagespeed Insights (mobiel)
- Na een gerichte optimalisatie halen de meeste shops 75-90 op mobiel en 90+ op desktop
- De specifieke case van I Love Group ging van een Pagespeed-score onder 40 naar 95+ na migratie naar Shopify
De meest impactvolle optimalisaties voor Shopify
1. Afbeeldingen optimaliseren
Productafbeeldingen zijn veruit de grootste oorzaak van trage laadtijden. Shopify biedt ingebouwde afbeeldingsoptimalisatie, maar je moet het wel correct gebruiken:
- Gebruik altijd de
image_urlfilter met de juiste grootte:{{ product.featured_image | image_url: width: 800 }} - Voeg
loading="lazy"toe aan afbeeldingen die niet direct zichtbaar zijn - Gebruik WebP-formaat (Shopify ondersteunt dit automatisch via de CDN)
- Preload de LCP-afbeelding op productpagina’s
2. Apps kritisch evalueren
Elke Shopify-app die op de storefront draait, voegt JavaScript toe. Tien apps = tien extra scripts = langzamere laadtijd.
Audit je app-lijst jaarlijks:
- Welke apps gebruik je echt?
- Laadt de app op elke pagina of alleen waar nodig?
- Kun je de functionaliteit ook native in Shopify bouwen?
3. Thema-code optimaliseren
Veel Shopify-thema’s laden functies die je niet gebruikt. In de thema-code kun je:
- Ongebruikte secties en templates verwijderen
- JavaScript defer of async laden
- CSS splitsen zodat alleen de benodigde styles direct laden
4. Font-optimalisatie
Google Fonts laden via CSS @import is render-blocking — de browser wacht op het font voordat hij de pagina toont. Gebruik in plaats daarvan <link rel="preconnect"> en laad het stylesheet non-blocking:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="..." media="print" onload="this.media='all'">5. Shopify CDN optimaal benutten
Shopify levert statische bestanden via een wereldwijd CDN (Cloudflare). Zorg dat je afbeeldingen en assets altijd via Shopify’s CDN worden geserveerd, niet via externe hosting.
Crawlbudget: waarom het voor AI-vindbaarheid telt
Crawlbudget is het aantal pagina’s dat een crawler bereid is te bezoeken op jouw site in een bepaalde periode. Voor grote webshops (1.000+ producten) is dit direct relevant.
AI-crawlers hebben een strikter crawlbudget dan Googlebot. Als jouw shop traag is:
- Worden minder productpagina’s gecrawled
- Worden nieuwe producten later geïndexeerd
- Wordt de crawler eerder gestopt, waardoor diepere pagina’s nooit worden bezocht
Een Pagespeed-score van 90+ op desktop en 75+ op mobiel is een goede drempelwaarde voor optimaal crawlbudget-gebruik.
Tools om snelheid te meten
- Google PageSpeed Insights: pagespeed.web.dev — test per URL, geeft concrete verbeterpunten
- GTmetrix: gedetailleerde waterfallanalyse van laadtijden
- Shopify Speed Dashboard: in je admin onder Online Store → Themes → zie je een snelheidsscore
Conclusie
Snelheid is geen luxe-optimalisatie — het is een fundamentele vereiste voor zowel gebruikservaring als AI-vindbaarheid. Een Shopify-shop die trager laadt dan 3 seconden mist structureel kansen om gecrawled, geïndexeerd en geciteerd te worden.
De combinatie van snelheid, structured data en llms.txt vormt de technische basis voor een AI-ready Shopify-webshop.
Wil je weten hoe jouw shop presteert? Bekijk onze Shopify optimalisatie dienst of plan een gratis gesprek.
- #shopify
- #snelheid
- #core web vitals
- #ai
- #pagespeed
- #seo
- #crawlbudget
