Core Web Vitals gehaald vanaf dag één: de lancering van giftcards.co.uk

Cadeau Concepten, een toonaangevende cadeaukaartaanbieder, wilde een naadloos en gebruiksvriendelijk online platform creëren voor hun Britse klanten. Om dit te realiseren, besloten zij over te stappen van een traditionele Multi-Page Application (MPA) naar een dynamischere Single-Page Application (SPA) met behulp van een JavaScript-framework. Hoewel SPA's tal van voordelen bieden — zoals snellere navigatie en een vloeiendere gebruikerservaring — brengen ze ook unieke uitdagingen met zich mee op het gebied van performanceoptimalisatie.

Omdat er behoefte was aan expertise in ontwikkeling, ontwerp en performanceoptimalisatie, werkte Cadeau Concepten samen met Touchtribe, Resoluut, Soda studio NL en Iron/Out. Samen hadden deze teams de taak om een visueel aantrekkelijke website te bouwen die niet alleen het brede aanbod van Cadeau Concepten presenteerde, maar ook een soepele gebruikerservaring garandeerde door de performancebottlenecks van SPA's aan te pakken.

Uitdaging:

De voornaamste uitdaging was het bouwen van een visueel aantrekkelijke website die zowel het brede cadeaukaartenassortiment van Cadeau Concepten optimaal presenteerde als een soepele gebruikerservaring bood door de inherente performancebottlenecks te adresseren.

Oplossing:

Ons team bij Iron/Out pakte de uitdaging samen met Touchtribe, Resoluut en Soda studio NL direct aan. De ontwikkelexpertise van Touchtribe zorgde voor een technisch solide website, terwijl Soda studio NL en Resoluut een opvallend ontwerp creëerden dat de essentie van het Gift Cards-merk treffend weergaf.

Iron/Out richtte zich op performanceoptimalisatie door de performance van de website gedurende het gehele ontwikkeltraject nauwlettend te monitoren. We identificeerden bottlenecks en stelden oplossingen voor om deze aan te pakken, waarbij we nauw samenwerkten met het ontwikkelteam om deze verbeteringen in het platform te integreren. Door deze gezamenlijke aanpak werd de performance van de website geoptimaliseerd voor snelheid en gebruikerservaring.

Onze aanpak: drie fasen voor webperformanceoptimalisatie

Voor een gestroomlijnd en efficiënt proces verdeelden we onze aanpak voor het optimaliseren van het platform in drie duidelijke fasen: Sprintvoorbereiding, de Sprint zelf en Sprintevaluatie. Deze gestructureerde werkwijze zorgde voor heldere communicatie, effectieve samenwerking en een gerichte focus op het aanpakken van performanceproblemen.

Sprintvoorbereiding: In deze eerste fase voerde ons team bij Iron/Out een grondige beoordeling uit van de door het ontwikkelteam gebouwde pagina's om eventuele bottlenecks of problemen te identificeren die de gebruikerservaring negatief zouden kunnen beïnvloeden. We bundelden onze bevindingen in een uitgebreide performancehandleiding, die diende als referentiedocument voor het project. Deze handleiding leverde waardevolle input voor het opstellen van een roadmap en het uitwerken van user stories die tijdens de Sprintfase werden opgepakt.
Sprint: Met een duidelijke roadmap en user stories op zak, werkte ons team nauw samen met het ontwikkelteam van Touchtribe om de benodigde performanceverbeteringen door te voeren. Door zij aan zij met de ontwikkelaars te werken, konden we begeleiding en ondersteuning bieden bij het stap voor stap aanpakken van de geïdentificeerde performanceproblemen. Deze nauwe samenwerking zorgde niet alleen voor efficiënte probleemoplossing, maar legde ook de basis voor een sterke werkrelatie tussen onze teams, wat de naadloze integratie van de performanceoptimalisaties in het platform ten goede kwam.
Sprintevaluatie: Na afronding van de Sprintfase voerde ons team een uitgebreide evaluatie uit om de impact van de doorgevoerde oplossingen te beoordelen. We testten de performance van de website, analyseerden de verbeteringen en brachten eventuele verdere optimalisatiemogelijkheden in kaart. Door onze aanpak voortdurend te verfijnen en resterende problemen op te lossen, zorgden we ervoor dat de website van Cadeau Concepten volledig geoptimaliseerd was voor snelheid en gebruikerservaring.

Door deze gestructureerde drieledige aanpak kon ons team bij Iron/Out effectief samenwerken met Touchtribe en Soda studio NL, waardoor een krachtige, visueel aantrekkelijke website werd gerealiseerd die de verwachtingen van Cadeau Concepten overtrof. Via een grondige voorbereiding, praktische samenwerking en doorlopende evaluatie leverden we een uitzonderlijk online platform voor onze klant en hun gebruikers.

Enkele van de belangrijkste strategieën die we hanteerden:

Vroeg betrokken zijn bij de ontwerpfase om de performanceimpact van ontwerpkeuzes te bespreken
Sleutelpagina's analyseren tijdens de ontwikkeling op meerdere apparaten
Gebruikmaken van webstandaarden en het team uitdagen om browserstandaarden te hanteren in plaats van modules
Regelmatige performanceaudits uitvoeren en problemen direct aanpakken zodra ze optreden

Resultaten:

De gecombineerde inspanningen van Iron/Out, Touchtribe, Resoluut en Soda studio NL resulteerden in een visueel aantrekkelijke, goed presterende website die het voor klanten eenvoudiger dan ooit maakt om de perfecte cadeaukaart voor elke gelegenheid te vinden en aan te schaffen. Enkele belangrijke resultaten:

Kortere laadtijden, wat leidde tot een verbeterde gebruikerservaring en hogere klanttevredenheid
Core Web Vitals-beoordeling gehaald direct na de lancering van het platform
Verbeterde websiteperformance op diverse apparaten en platformen, waardoor toegankelijkheid voor alle gebruikers is gewaarborgd
Gemiddelde responstijd (crawlverzoek) met bijna 40% verminderd

Websitelancering en doorlopend werk aan de Interaction to Next Paint (INP) metric:

Een gebied waarop we onze inspanningen momenteel richten, is de Interaction to Next Paint (INP) metric. Deze metric meet de tijd die verstrijkt tussen een gebruikersinteractie met de site — zoals klikken op een knop, tikken op een touchscreen of typen op het toetsenbord — en een visuele respons. Een lagere INP-waarde duidt op een responsievere en prettigere gebruikerservaring.

Sinds de lancering van de website zijn meerdere third-party softwaretoepassingen geïntroduceerd, die potentieel invloed kunnen hebben op de performance van de site en de INP metric. Om de website van Cadeau Concepten optimaal te blijven presteren, monitort en adresseert ons team proactief alle problemen die verband houden met de integratie van deze third-party applicaties.

Onze doorlopende werkzaamheden omvatten:

Het identificeren en beoordelen van de impact van third-party software op de INP metric van de website
Samenwerking met het ontwikkelteam om de integratie van third-party scripts te optimaliseren en hun impact op de siteprestaties te minimaliseren
Implementatie van performancemonitoringtools voor real-timedata en inzichten in de INP metric van de website, zodat problemen snel kunnen worden gedetecteerd en opgelost

Conclusie:

Iron/Out werkte nauw samen met onze MakerStreet-partners TouchTribe, Resoluut en Soda studio NL, gedurende het gehele ontwerp- en ontwikkelproces om uitstekende resultaten te leveren. Samen bouwden we een geoptimaliseerde, visueel aantrekkelijke website die voldeed aan de behoeften van Cadeau Concepten. Door performancebottlenecks vroeg te identificeren en op te lossen, leverde het hele team een website die snel, stabiel en klaar voor de Britse markt was — met Core Web Vitals groen vanaf dag één.