Ontvang een Gratis UX/UI-Audit!

USA Skate Shop

Ontdek de weg naar een snellere website die CWV doorstaat Meer informatie
Belangrijkste resultaten
43,29%
afname van de laadtijd van de pagina
47,05%
vermindering van databaseverzoeken
95 %
van pagina's voldoet nu aan de Core Web Vitals-drempels
Klant:
USA Skate Shop
Doel:
Website Ondersteuning & prestatieverbetering
Technologische Stack:
Magento 2, Akeneo PIM, JavaScript, PHP, Google Cloud servers
Locatie:
Verenigde Staten & Europa
Duur:
Vanaf November 2022
Team:
Projectmanager, accountmanager, 3 back-endontwikkelaars, front-endontwikkelaar, QA-engineer, DevOps

Projectoverzicht

USA Skate Shop Inc. is de Amerikaanse tak van Euro Skate Shop, opgericht in 2009 in Denemarken door gepassioneerde surfers en skaters. Na snel Europees succes betrad het merk de Amerikaanse markt met een Magento 2-winkel gekoppeld aan een robuust Akeneo productinformatie managementsysteem (PIM).

Uitdagingen & pijnpunten

  • De Magento 2-site was traag en had moeite om aan de Core Web Vitals te voldoen.
  • Front-end scripts, afbeeldingen en schuifregelaars blokkeerden het renderen.
  • Overmatige SQL-aanroepen en verouderde code veroorzaakten prestatieproblemen.
  • Regelmatige downtime op afzonderlijke Magento 1- en Magento 2-servers.
  • De Akeneo PIM-integratie moest worden aangepast om de gegevensstroom te versnellen.
  • De volledige stack moest naar een schaalbare cloudhost worden verplaatst.

Resultaten & uitkomsten

Verbetering van de paginasnelheid

43.29%

Vermindering van de algehele laadtijd van de pagina na migratie naar Google Cloud Hosting

Database-efficiëntie

47.05%

Minder database verzoeken per pagina, waardoor de backend-prestaties worden verbeterd

Zware pagina laadtijd

32s → 4.7s

Aanzienlijke daling bereikt door SQL-afstemming

Uitvaltijd eliminatie

100%

Stabiliteit hersteld door herconfiguratie van de Magento 1.x-databaseserver

Core Web Vitals

Verbeterd

Verbeterde prestaties voor belangrijke Magento-sjablonen

Akeneo PIM-snelheid

snellere import en export

Functionaliteit gestroomlijnd voor soepeler productbeheer

Oplossing

Optimalisatie instelling & planning

Doelstelling: Duurzame prestatieverbetering van Magento 2 realiseren en tegelijkertijd de SEO-waarde en gebruikerservaring waarborgen.

Fase 1

Basisanalyse en migratieblauwdruk

Om de snelheid van uw Magento 2-website te verbeteren zonder dat dit ten koste gaat van het organische verkeer, doen we het volgende:

  1. Gecontroleerde URL-structuur, productgegevens en bestaande SEO-signalen.
  2. Alle benodigde omleidingen in kaart gebracht zodra het domein naar Google Cloud verwees.
  3. Inspecteerde Akeneo-workflows om knelpunten te identificeren vóór de omschakeling.

Deze basis heeft geleid tot een gedetailleerd plan voor de aankomende Magento 2 + Akeneo PIM Hosting Server-migratie.

Fase 2

Snelle winsten aan de voorkant

Het team pakte de ‘laaghangende vruchten’ aan die de eerste verflaag belemmerden:

  • Standaard Magento JavaScript-bundeling uitgeschakeld en activa efficiënter gebundeld.
  • Lazy-load geïmplementeerd voor verborgen menu-afbeeldingen om het downloaden van ongebruikte afbeeldingen te stoppen.
  • Geoptimaliseerde CSS-blokken om de rendertijd te verkorten.
  • Voorkomen dat onzichtbare menu-schuifregelaars worden geïnitialiseerd en onnodig script werk wordt verwijderd.

Alleen al deze stappen verbeterden de visuele gereedheid en hielpen de prestaties van de website te optimaliseren voordat er met de server werkzaamheden werd begonnen.

Fase 3

Diepe back-end optimalisatie

Uitgebreide backend-optimalisatie gericht op code paden met grote impact:

  • De schuifregelaar logica is op elke pagina opnieuw opgebouwd. Hierdoor zijn overbodige gegevens ophalingen en overmatige query’s verleden tijd.
  • De database-indexen zijn aangepast en er is een oplossing gevonden voor de zware SQL-bewerkingen die voorheen de laadtijd van pagina’s op 32 seconden brachten. Nu worden dezelfde pagina’s in 4,7 seconden weergegeven.
  • Het aantal database aanroepen is met bijna de helft verminderd, wat resulteert in een reductie van 47,05% in het aantal aanvragen.

Fase 4

Verbeteringen aan de kern van Web Vitals

Nu de infrastructuur stabiel is, verschuift de aandacht naar naleving van mobiele CWV:

  • De productdetailpagina is opnieuw opgebouwd met moderne scroll-snap, waarmee een vermindering van 95% in de render vertraging van LCP-elementen is bereikt.
  • Een aangepast lettertype vervangen door een webveilige Arial-stack om CLS in de groene zone te brengen.
  • Gereserveerde afbeeldingshoogte en vaste lay-outverschuivingen voor galerij, stalen, prijzen, broodkruimels, kortingen, merklogo’s en gerelateerde producten, zowel op desktop als mobiel.

Samen zorgden deze verbeteringen aan de front-end voor consistente Core Web Vitals-passes en legden ze de basis voor doorlopend onderhoud aan de Magento-website.

Continue Magento-ondersteuning op maat

USA Skate Shop behoudt GoMage voor:

  • Doorlopende performance sprints en verdere prestatieverbetering van Magento 2.
  • Continue monitoring, patching en SLA-gebaseerde ondersteuning.
  • Progressieve optimalisatie van Akeneo-import en mediaverwerking.
  • Geleidelijke migratie van de resterende Magento 1-categorie- en product-URL’s naar Magento 2, waarbij de SEO-waarde behouden blijft.

Laten we u hetzelfde resultaat bezorgen!

Let’s TALK

image

GoMage is de omzetverhogende kracht van jouw team.

Begin een project met ons – en ervaar het zelf.