Hoe de laadsnelheid van de site voor je e-commercemerk te verbeteren
Om hun technische inspanningen en, nog belangrijker, de groei van hun verkopers te ondersteunen, heeft Shopify uitstekend werk geleverd door een ecosysteem van ongelooflijk nuttige apps te creëren die eenvoudig aan je Shopify-site kunnen worden toegevoegd.
Onder de App Marketplace van Shopify, hebben verkopers toegang tot duizenden applicaties die hen helpen bij alles, van het A/B-testen van prijzen en het maken van conversie-pop-ups tot zelfs het creëren van ‘klimaatvriendelijke winkelwagentjes’.
Verkopers zijn er dol op omdat ze hiermee snel en op aanvraag no-code functionaliteit aan hun site kunnen toevoegen.
Ontwikkelaars zijn er dol op omdat het hen een platform biedt om hun applicaties te tonen en een extra inkomstenstroom aan hun bedrijf toevoegt.
En Shopify is er dol op omdat het het aantal functieaanvragen dat ze in het kernproduct moeten inbouwen vermindert, en het hen geweldige ideeën geeft over wat ze hierna moeten maken.
Een win-winsituatie voor iedereen dus, toch?
Niet zo snel.
Hoe de sitesnelheid te verbeteren met Shopify Marketplace Apps
Je hebt net je eerste app ontwikkeld. Gefeliciteerd! De volgende logische stap is om een App Marketplace-pagina aan te maken en deze ter goedkeuring in te dienen bij het Shopify-team.
Bij het opbouwen van je Marketplace-pagina schrijf je een tekst over hoe je app verkopers helpt de verkoop te verhogen, kosten te verlagen of efficiënter te werken - allemaal verbeteringen die verkopers hard nodig hebben en die jouw app hoogstwaarschijnlijk biedt.
Praten over functies en waarde is waarschijnlijk relatief eenvoudig. Je wist welke waarde je toevoegde en je hebt marktonderzoek gedaan nog voordat je één regel code schreef.
Je hebt waarschijnlijk met verkopers die je kent gesproken over hun pijnpunten en daar een aanbod omheen gecreëerd. Praten over kosten kan echter een grotere uitdaging zijn.
Technisch gesproken zijn er drie hoofdkosten die je van je verkopers (klanten) vraagt. Twee daarvan zijn vrij vanzelfsprekend, maar er is een verborgen derde.
- Abonnementskosten: je biedt waarschijnlijk een gratis proefperiode van ongeveer 30 dagen aan. Daarna wordt klanten waarschijnlijk een maandelijks bedrag in rekening gebracht. Je hebt mogelijk ook verschillende prijscategorieën op basis van volume, gebruik of functieset. Hopelijk groeit de waarde van je klant voor jouw bedrijf naarmate je klant groeit.
- Tijdskosten: de meeste goede apps besparen aanzienlijk veel tijd in vergelijking met de op één na beste optie en bieden aanzienlijk meer waarde dan het niets-doen, status-quo-alternatief. Je hebt je applicatie zo gebouwd dat deze eenvoudig in te stellen is, en je hebt uitstekend werk geleverd door dat voordeel te marketen.
- Kosten voor webresources: de verborgen kosten. Je product wordt ingebed in de site van je klant, waardoor megabytes aan resources, bibliotheken en API's worden toegevoegd die elke keer moeten worden geladen als een klant de winkel bezoekt. In dit artikel zullen we ons op deze kosten richten.
Hoe de sitesnelheid te verbeteren met de juiste apps
Terug naar jou als verkoper: je herkent waarschijnlijk de ervaring van het missen van een functie in Shopify, naar de Marketplace gaan, een applicatie vinden die die functie dekt en goede social proof heeft, en deze in je technologiestack opnemen.
Daarnaast heb je naar de prijzen gekeken en berekend of de maandelijkse prijs de waarde waard is die het aan je bedrijf toevoegt.
De kans is echter groot dat je niet hebt nagedacht over de impact die deze nieuwe applicatie heeft op de grootte, snelheid en gebruikerservaring van je site. Ik begrijp het.
De eerste twee punten zijn een fundamentele kosten-risico-batenanalyse waar de meeste bedrijfseigenaren meer dan gewend aan zijn.
Het derde punt? Dat klinkt meer als iets voor een ontwikkelaar of zelfs een zeer technische marketeer.
Er zijn echter dingen die elke Shopify-winkeleigenaar vandaag kan doen om zijn relatie met apps te verbeteren en een betere snelheid, betrouwbaarheid, SEO-scores, verkeer en verkoop te bereiken.
We zullen ook de relatie tussen al het bovenstaande uitleggen en je tips geven over hoe je een snellere, meer SEO-vriendelijke winkel kunt onderhouden.
Het effect van sitesnelheid op SEO
Voor elke app die je aan je winkel toevoegt, voeg je bibliotheken, resources, API's en andere items toe die elke keer moeten worden geladen als een nieuwe bezoeker je site bezoekt.
Hoe meer items er geladen moeten worden (en hoe zwaarder ze zijn), hoe langzamer je website voor je klanten zal laden.
Hoe langzamer de laadtijd, hoe slechter de klantervaring. Meer dan de helft van je bezoekers zal vertrekken zonder zelfs maar je homepage te bekijken als je time-to-interactive meer dan 10 seconden bedraagt.
Voor zoekmachines, met name Google, is de klantervaring een van de belangrijkste factoren die ze in overweging nemen bij het prioriteren van de resultaten die voor een specifiek trefwoord worden weergegeven.
Als ze verkeer naar je website hebben gestuurd en de ervaring niet goed was (lange laadtijden, korte tijd op de site, laag aantal bekeken pagina's, enz.), is de kans dat ze meer verkeer jouw kant op sturen aanzienlijk kleiner.
In dat kader heeft Google onlangs Core Web Vitals uitgebracht, een verzameling signalen met betrekking tot snelheid, responsiviteit en stabiliteit, waarmee site-eigenaren wordt gevraagd te optimaliseren.
Ze hebben ook een nieuwe versie van hun Lighthouse websiteprestatie-tool uitgebracht waarmee site-eigenaren hun prestaties kunnen benchmarken.
Hoe scoor jij?
Mijn vriend Darjan Hren, een van de meest vooraanstaande persoonlijkheden in de wereld van conversie-optimalisatie voor e-commerce, die zijn eigen CRO-adviesbureau runt (hren.io).
Hij heeft onlangs een rapport uitgebracht over de prestaties van 1000 top e-commercesites die op Shopify zijn gebouwd, volgens de nieuwe Lighthouse-normen. De resultaten? Niet best.
Een gemiddelde prestatiescore van slechts 27 is bedroevend, vooral als we weten dat deze sites enkele van de beste e-commercemerken op het web zijn, meestal met hun eigen interne ontwikkelings-, marketing- en conversie-optimalisatieresources.
Velen van hen gebruiken zelfs Shopify Plus en hebben enterprise-level setups, maar hun prestaties weerspiegelen dat niet.
Naast de algemene scores zijn er twee belangrijke cijfers om op te focussen:
- First contentful paint is een chique ontwikkelaarsterm voor het eerste zichtbare item dat wordt geladen. Het is de tijd tussen het moment dat de persoon op een link klikt en het moment dat ze je homepagebanner of je navigatiebalk zien. 3,8 seconden is langzaam. Tegen die tijd is één op de zes klanten die je hard (en mogelijk betaald) hebt geworven, alweer vertrokken.
Time to interactive is de tijd tussen het moment dat de bezoeker op je site landt en het moment dat de site volledig is geladen. Daarvoor hebben je klanten niet de ervaring die je voor hen hebt ontworpen. Een TTI van bijna 19 seconden is even slecht, zo niet erger.
Time to interactive is de tijd tussen het moment dat de bezoeker op je site landt en het moment dat de site volledig is geladen. Daarvoor hebben je klanten niet de ervaring die je voor hen hebt ontworpen. Een TTI van bijna 19 seconden is even slecht, zo niet erger.
Lage laadtijden beïnvloeden niet alleen je SEO-ranglijst. Ze verlagen ook je conversiepercentages, omdat je shoppers een soepele aankoopervaring willen.
Bijna twintig seconden wachten voor elke product-, winkelwagen- of afrekenpagina die ze doorlopen, is ongelooflijk frustrerend en geeft hen meer tijd om twee keer na te denken over hun aankoop.
Tegelijkertijd verhoogt het je klantenacquisitiekosten, aangezien Facebook ook liever verkeer stuurt naar sites die betere prestaties bieden (omdat prestaties mooi correleren met conversiepercentages).
Al met al vloeien SEO, conversiepercentages en CAC allemaal in elkaar over, waardoor een neerwaartse spiraal ontstaat die je koste wat het kost moet vermijden.
Hoe je de sitesnelheid nu kunt verbeteren
Ga naar de sectie Apps in de linkerkolom van je Shopify-beheerderspagina en neem de lijst met apps zorgvuldig door.
Welke gebruik je niet? Zonder welke kun je werken? Welke overlappen met elkaar? Verwijder die. Je doel moet zijn om alles te doen wat je moet doen, met zo min mogelijk apps.
Daarnaast:
- De volgende keer dat je van plan bent een nieuwe applicatie aan je stack toe te voegen, voeg dan 'resourcekosten' toe aan je kosten-batenmatrix. Als je met een verkoper praat, vraag hem dan hoe het toevoegen van deze nieuwe app de laadsnelheid van je site zal beïnvloeden
- Maak agendaherinneringen voor elke 3/6 maanden om 'technologiestack-audits' uit te voeren, waarbij je het hierboven genoemde proces doorloopt van het inventariseren van wat er op je site staat en het verwijderen van tools die mogelijk niet langer nodig zijn
- Creëer een beleid en procedure voor het toevoegen van nieuwe apps aan je site en deel dit met je team
Er zijn andere zaken waar je ook naar moet kijken bij het optimaliseren voor snelheid:
- Sjablonen: niet elk sjabloon is gelijk gemaakt. Sommige zijn extreem zwaar. Houd rekening met de grootte bij het migreren naar een nieuwe.
- Afbeeldingen: mogelijk de hoofdschuldige van traag ladende sites. Wen eraan om de afbeeldingen op je site te minimaliseren. Er zijn compressoren online die de grootte van je afbeeldingen tot 95% kunnen verkleinen met behoud van de meeste kwaliteit.
Al met al is lichter vaak beter. De volgende keer dat je erover denkt om die nieuwe app aan je site toe te voegen, bedenk dan dat het je verkoop niet alleen niet kan verhogen, maar zelfs kan verlagen.
