Ontvang een Gratis UX/UI-Audit!-
Diensten
GoMage is de omzetverhogende kracht van uw team..
Start een project met ons en zie de resultaten uit eerste hand.
Belangrijkste resultaten
43,29%
snellere laadtijd van pagina’s
47,05%
minder dataverzoeken
Cliënt:
USA Skate Shop
Doel:
Website support, performance improvement
Technologische stack:
Magento, JavaScript, PHP, Google Cloud servers
Locatie:
US & Europe
Duur:
November 2022 – doorlopend project
Team:
Project Manager, Account Manager, 3 Back-end Developers, Front-end developer, QA Engineer, DevOps
Projectoverzicht
USA Skate Shop Inc. is de Amerikaanse tak van Euro Skate Shop, een wereldwijd merk dat in 2009 werd opgericht in Denemarken. Wat begon als een initiatief van gepassioneerde surfers en skaters in Europa, groeide al snel uit tot een internationaal succes. Aangedreven door een niet te stoppen liefde voor extreme sporten, breidde het bedrijf uit naar de VS en blijft het de skate- en surfscene wereldwijd inspireren.
Uitdagingen
- Migratie Magento 2-website en Akeneo Product Information Management (PIM) naar Google Cloud-hostingprovider
- Akeneo PIM-integratie en optimalisatie
- Trage websitesnelheid
- Prestatieproblemen
- Slechte codekwaliteit
- Magento 1- en Magento 2-website uitval
Resultaten
- Magento 2-website en Akeneo PIM gemigreerd naar Google Cloud
- Website snelheid verhoogd en prestaties geoptimaliseerd voor Magento 2
- Core Web Vitals-indicatoren voor Magento 2 verbeterd
- Aantal databaseverzoeken op Magento 2-webpagina’s aanzienlijk verminderd
- Magento 1.x.x-databaseserver geoptimaliseerd om frequente site-uitval te voorkomen
- Akeneo PIM-functionaliteit verbeterd en geoptimaliseerd
Website Speed& Performance Optimization.
Uitdaging: De snelheid van de Magento 2-website verbeteren en de prestaties optimaliseren.
1
Stage
FASE 1
- Analyse van de Magento 2-website
- Uitgebreid rapport van zowel frontend als backend
2
Stage
FASE 2
Het ontwikkelingsteam begon met de ‘quick wins’ en basisoptimalisaties voor de frontend:
- Oplossen van standaard Magento JS-bundeling
- Verhelpen van Javascript-blokken die de paginalaadtijd beïnvloeden
- Implementeren van Lazy Load voor verborgen menu-afbeeldingen
- Optimaliseren van stijlenblokken voor snellere rendering
- Voorkomen dat sliders niet laden in verborgen menu’s, zodat de site sneller blijft.
3
Stage
FASE 3
Het engineeringsteam pakte de backend grondig aan en richtte zich vooral op het verbeteren van de slidercode op alle pagina’s. Dit verminderde onnodige data en verzoeken, waardoor de site een stuk sneller en soepeler draait.
Resultaten van de GoMage snelheidoptimalisatie:
- Hoofdpagina
- Categoriepagina
- Categorieoverzichtspagina
- Productpagina
Op dit moment werkt het GoMage-team verder aan verbeteringen om de CWV-score op mobiel te optimaliseren.
FASE 4
Naast optimalisatie aan de frontend en backend hebben we extra verbeteringen doorgevoerd om de Core Web Vitals (CWV) te optimaliseren:
- We hebben de productdetailpagina (PDP) opnieuw opgebouwd met moderne scroll-snap technologie, wat leidde tot een 95% snellere laadtijd van de belangrijkste pagina-elementen (LCP).
- Het aangepaste lettertype is vervangen door het webveilige Arial, waardoor de CLS-indicator op de PDP eindelijk in de groene zone kwam.
- Lay-outverschuivingen in de productgalerij, swatches, prijzen, breadcrumbs, kortingen en merklocaties zijn opgelost op zowel desktop als mobiel.
- De lay-outverschuiving bij gerelateerde producten is verholpen.
- We hebben gereserveerde afbeeldingshoogtes toegevoegd om te voorkomen dat content verspringt tijdens het laden.
Al deze inspanningen hebben geholpen om de Core Web Vitals test te doorstaan, wat duidelijk merkbaar is bij het browsen door de Magento-webshop.
Magento 2 + Akeneo PIM Hosting Server Migration
Uitdaging 1: Voordat de Magento 2-website live ging op Google Cloud, fouten in de code opsporen en oplossen om laadtijdproblemen te voorkomen.
- Een grondige code-audit uitgevoerd voordat de site werd gelanceerd op Google Cloud
- Kritieke codeproblemen aangepakt die de website aanzienlijk vertraagden
- SQL-query’s geoptimaliseerd op alle pagina’s, wat de laadtijd flink verbeterde
- De laadtijd teruggebracht van 32 seconden naar 4,7 seconden zonder verlies van functionaliteit
Uitdaging 2: Zorgen dat de Magento 2-website het bestaande verkeer probleemloos aankan na de lancering op het Google Cloud-platform.
Het GoMage-team voerde een stresstest uit op Magento 2 om te testen hoe de Google Cloud-server reageert op inkomend websiteverkeer. De test was gebaseerd op de werkelijk verkeerspatronen van de live Magento 2-site, zoals geregistreerd in Google Analytics. Het doel was om zeker te weten dat de website soepel draait en zonder problemen het verwachte verkeer aankan na de lancering.
Uitdaging 3: Migratie van Magento 2 en Akeneo PIM naar de Google Cloud-hostingserver.
- De hostingsservers van de Magento 2-website zijn succesvol gemigreerd
- Een speciale Google Cloud Server is opgezet voor Akeneo PIM
- Akeneo verplaatst naar de nieuwe server
- Belangrijke Magento-serverinstellingen zijn verbeterd en geconfigureerd op Google Cloud om een soepel werking van de Magento 2-site te garanderen
43%
Verbetering van de paginasnelheid voor verschillende paginatypes
Laten we u naar hetzelfde resultaat brengen!
Magento Custom Support
Uitdaging: Optimalisatie van de Akeneo PIM-integratie en het oplossen van bugs.
Resultaat:
- Beheer en verbetering van bestaande Akeneo-code, ontwikkeld door verschillende programmeurs.
- Oplossen van bugs bij productattributen, voorraadweergave, specificatie-pop-ups, productafbeeldingen en synchronisatieproblemen tussen Akeneo en Magento 2.
- Aanpassen van de product-URL-structuur om SEO-impact te voorkomen.
De grootste verbetering was het versnellen van de productsynchronisatie tussen Akeneo en Magento 2, waardoor de volledige productimport werd teruggebracht van meerdere dagen naar slechts enkele uren.
- Oplossen van database-overbelasting op de live site, veroorzaakt door het Akeneo-importproces.
Het GoMage-team blijft proactief en werkt momenteel aan strategieën om de optimalisatie van video- en beeldverwerking binnen het Akeneo-importproces verder te verbeteren.
- Het team loste een probleem op waarbij Akeneo-taken elk uur op Magento 2 draaiden, wat leidde tot frequente volledige cache-verversingen. Dit proces verbruikte onnodig veel servercapaciteit en had een negatieve invloed op de websiteprestaties.
Uitdaging: Opstellen en implementeren van een code review-plan.
Resultaat: Opzetten van een speciale serverinfrastructuur en stroomlijnen van de workflow om codebeoordelingen efficiënt uit te voeren. Hierdoor werden de meeste kritieke problemen opgelost, met de nadruk op het verbeteren van de websiteprestaties en het naleven van de Magento-code standaarden.
Uitdaging: Oplossen van frequente website-uitval op Magento 1.x.x, gehost op een verouderde server.
Resultaat:
- Grondige analyse van de Magento 1.x.x serverconfiguratie om een optimalisatieplan op te stellen.
- De Magento 1.x.x database-server is volledig hergeconfigureerd met krachtigere serverinstellingen. Alle bestaanda data werd naadloos gemigreerd van de oude naar de nieuwe database-server, zonder enig verlies van functionaliteit. Daarnaast werd 24/7 SLA-serverondersteuning en monitoring geactiveerd. Het resultaat? Sinds de implementatie van deze verbeterde setup is downtime volledig verdwenen.
Uitdaging: Overzetten van categorie- en product-URL’s van Magento 1.x.x naar Magento 2, met behoud van essentiële SEO-data.
Resultaat: GoMage startte het migratieproces voor de URL’s van de Tsjechische webshop en voerde de overgang succesvol uit. De ontwikkelaar creëerde een maatwerk script dat de URL-migratie automatiseert en als sjabloon dient voor andere regio’s. Na een periode van monitoring werden er geen problemen vastgesteld, wat wijst op een soepele en foutloze migratie.
GoMage blijft continu samenwerken met USA Skate Shop en de mogelijkheden van hun websites verbeteren door:
- Extra verbeteringen door te voeren voor websiteprestaties en snelheid
- De functionaliteit van Akeneo PIM verder te optimaliseren
- Doorlopende ontwikkelingsondersteuning te bieden voor de live site
- De migratie van categorie- en product-URL’s van Magento 1.x.x naar Magento 2 te faciliteren voor andere lokale webshops
- 24/7 SLA-servermonitoring te garanderen voor zowel Magento 1.x.x als Magento 2 stores
Let’s TALK
GoMage is de omzetverhogende kracht van jouw team.
Begin een project met ons – en ervaar het zelf.