CarCare24

CarCare24 is een Magento 2 webshop voor auto-onderhoud met ~3.400 producten en ~13.600 gegenereerde pagina's, actief in vier talen (NL, EN, DE, FR). De shop draait op Hypernode met Cloudflare Free erboven, theme Infortis Ultimo, PHP 8.1.34-fpm, en per mei 2026 Magento 2.4.6-p15.

De uitdaging

De mobiele laadtijd was kritisch. Lab-metingen via PageSpeed Insights (Slow 4G, 4× CPU) toonden een LCP van 14 tot 16 seconden. Niet één meting, maar negen herhalingen met vergelijkbare resultaten. Voor een shop in de automotiefbranche betekent dat verloren conversies op mobiel, het grootste verkeerssegment.

Naast de LCP speelden:

• A11y-score op 90 door ontbrekende alt-attributen en contrast-issues
• Best Practices op 88 door CSP-schendingen en unsafe-inline scripts
• SEO-issues door ontbrekende canonicals op CMS-pagina's

Wat ik heb aangepakt

9 performance waves

Elke wave richtte zich op een specifiek knelpunt. Samengevat:

• Hero image — WebP-conversie, loading="eager", fetchpriority="high". Het LCP-element wachtte op een 2× te groot JPEG.
• Third-party scripts — Defer gate toegevoegd zodat tracking en chat pas laden na user interaction. Verminderde blocking time op slow 4G significant.
• Redis en FPC — Magento Full Page Cache en session-opslag getuned. TTFB daalde van ~974ms naar ~390ms in CrUX over 28 dagen.
• PHP-FPM workers — Configuratie aangepast aan het Hypernode worker-model. Minder queue-wachttijd onder belasting.
• Checkout INP — Cart abandonment reduceren via snellere interactie in checkout. INP verbeterd voor geselecteerde flows.
• SRI-hashes — Race condition gevonden waarbij SRI-hashes na een deploy niet synchroon liepen met de geserveerde assets (P1 incident). Opgelost via Tieman_Csp module.
• Canonicals op CMS — CanonicalForCms component toegevoegd om duplicate content op flat pages te voorkomen.

Custom Tieman_Csp module

Vier componenten in één module:

• CanonicalForCms — Canonical tag op CMS-pagina's waar Magento die niet automatisch zet
• DeferThirdPartyScripts — Interaction gate voor alle non-essential scripts
• InteractionGate — Generieke defer wrapper voor lazy-loaded widgets
• SriRepositoryLock — SRI-hash synchronisatie, lost de race condition op bij deploys

Multi-tenant context

CarCare24 draait als stores 1 tot 4 plus website 1 in een multi-store database. Elke aanpassing is multi-store aware gebouwd zodat alle vier talen consistent profiteren.

Magento p14 naar p15

Op 15 mei 2026 is de upgrade van 2.4.6-p14 naar 2.4.6-p15 doorgevoerd. Ik heb het deploy-proces ondersteund en de post-deploy verificatie gedaan.

Resultaten

Lab vs CrUX — wat zeggen die cijfers?

Lab-scores (PSI) zijn worst-case: Slow 4G simulatie, 4× CPU throttling, geen CDN-voordeel, geen warme cache. De range 38 tot 65 mobiel en 71 tot 92 desktop geeft PSI-variantie van ±15 punten op dezelfde pagina. Een single-run van 8,6 seconden LCP zegt minder dan het gemiddelde over negen runs.

CrUX is echte gebruikersdata van Chrome-gebruikers over 28 dagen. Die 2,14 seconden LCP en 111ms INP zijn wat bezoekers daadwerkelijk ervaren. Alle Core Web Vitals groen.

Stack

• Magento 2.4.6-p15, PHP 8.1.34-fpm
• 328 enabled modules (incl. Tieman_Csp custom)
• Infortis Ultimo theme
• Hypernode hosting, Cloudflare Free
• ~3.400 producten, ~13.600 pagina's
• 4 storeviews: NL, EN, DE, FR

Wat dit verschil maakt

Een LCP die van 15 seconden naar 2,14 seconden gaat bij echte gebruikers is geen benchmark-oefening. Bezoekers op mobiel zien de hero binnen twee seconden. Checkout verloopt sneller. SRI-issues die tijdens een deploy een productie-incident veroorzaakten zijn structureel opgelost, niet tijdelijk gepatcht.

Lighthouse voor en na

Twee metingen via Google PageSpeed Insights (Slow 4G, Emulated Moto G Power, Lighthouse 13.0.1). Links de beginsituatie, rechts na de performance waves.

Lighthouse meting voor en na de performance waves. Lab data via Google PSI.

---

Werkt jouw webshop ook te langzaam op mobiel? Neem contact op voor een vrijblijvende analyse.