Shopify Optimalisatie Tips
De Motor van je Webshop Efficiënt Laten Werken
Door: Stefan Wassink @StudioWassink || Publicatie: februari 2024 || Onderwerp: Webshop optimalisatie
Lees je in mijn artikelen over dingen waarover je een persoonlijk advies zou willen m.b.t. jouw webshop of plannen daartoe? Zijn er onderdelen die voor jou specifiek gemaakt zouden moeten worden? Heb je het idee dat mijn input jouw webshop kan helpen? Neem dan gerust contact op met mij, dan bekijken we samen wat Studio Wassink zou kunnen doen om je te helpen.
0630155506 stefan@studiowassink.nlJe Shopify webshop is als een motor. Soepel en krachtig als deze goed onderhouden wordt, waarbij jouw Shopify specialist de rol van monteur vervult. Een gloednieuwe motor functioneert eerst geweldig, zonder horten of stoten, en is zo efficiënt als het maar kan. Je vindt het normaal dat hij zijn werk prima doet en verliest zo gaandeweg uit het oog dat dit kan veranderen. Maar ook zo’n motor moet onderhouden worden om te kunnen blijven werken, al helemaal om dat optimaal te doen. Onderhoud, controles en mogelijk reparaties of aanpassingen zijn nodig om de prestaties op peil te houden.
![](shopify-webshop-optimalisatie/webshop-engine-2.webp)
Aanpassingen en integraties in je Shopify webshop
Zo zal ook vrijwel iedere webshop regelmatig aanpassingen en integraties nodig hebben voor het op peil houden en eventueel verbeteren van de resultaten. Als je daar geen aandacht aan besteedt, zal er meestal ook weinig of geen groei zitten in je resultaten. Ik bedoel het inzetten van apps om de functionaliteiten voor de gebruiker uit te breiden, het (laten) doen van aanpassingen aan je theme, het gebruiken van plug-ins van partijen als Google, Facebook, Pinterest, TikTok, enzovoort. Vrijwel iedere webshop die ik tot nu toe onder ogen kreeg, maakte gebruik van onderdelen die de prestaties beïnvloeden en inleveren op snelheid als gevolg. Dit is zo normaal dat er specifiek een dienst voor is die Studio Wassink aanbiedt.
Het is ook niet raar of fout om apps, plugins en maatwerk toe te passen, want deze uitbreidingen zijn juist ontwikkeld met als doel om webshops beter te laten functioneren voor jouw specifieke doelgroep. Maar helaas worden er ook oplossingen aangeboden die je beter kunt mijden, die meer schade dan goed doen, die alleen het belang van de aanbieder dienen.
Belangrijke Aspecten voor Shopify Optimalisatie
![](shopify-webshop-optimalisatie/webshop-speed.webp)
Waaraan moet je denken om te kunnen bepalen of jouw motor nog goed presteert en zo nee, wat er gedaan kan worden om degradatie te voorkomen en/of te repareren.
De Invloed van Apps op je Shopify Theme en Oplossingen
Op het moment dat een app iets aan de webshop verandert voor de bezoekers, past die app daarmee je theme aan. Dit betekent dat de app de code die de webshop opbouwt, aanpast met een stukje eigen code. Daar moet je mee oppassen, want dit kost wat snelheid. Voorts zijn er apps die behalve dat ze wat aanpassen in je theme, zelf afhankelijk zijn van een stuk code dat niet binnen jouw eigen Shopify omgeving staat, maar op een server elders. Dat kost al gauw nog veel meer prestaties, want iedere keer dat iemand een pagina opent zal de app eerst een informatieverzoek sturen naar die server, wachten op antwoord, dat ontvangen en weergeven tussen de rest. Als je dus per dag 1.000 bezoekers hebt die gemiddeld 7 pagina’s bezoeken, wordt per week bijna 50.000 keer deze handeling verricht bovenop de normale werkzaamheden van de webshop. Voorbeelden van dit soort apps zijn veel chatsystemen, loyaliteitspunten en wensenlijsten. Zorg ook dat je zeer kritisch bent voor de scripts van sociale mediaplatformen, die alle handelingen volgen van jouw bezoekers en die zelf registreren in hun systemen.
Efficiënte Code Implementatie voor een Snelle Shopify Webshop
Themes zijn zelden meteen optimaal voor een webshop qua functionaliteiten, daar is vaak nog maatwerk voor nodig. En daarmee zijn we beland bij de kern van Studio Wassink. Als er onderdelen worden toegevoegd aan je webshop, is het belangrijk dat dit zo efficiënt mogelijk gebeurt. Als je daarin zelf niet thuis bent is het natuurlijk lastig om te bepalen of dat daaraan wordt voldaan, maar je kunt zelf wel een vinger aan de pols houden, ook zonder die kennis.
Vragen aan je Shopify Ontwikkelaar voor Optimaal Resultaat
Vraag de ontwikkelaar gerust naar de wijze waarop die het wil inbouwen. Zoals ‘Ga je het volledig in het theme inbouwen?’ en ‘Kun je het in een apart bestand zetten en alleen laten aanroepen als die functie ook echt nodig is?’. En als je wordt verteld dat ook bronnen van buitenaf worden aangeroepen, vraag dan waarom. Dat kán namelijk nodig zijn, maar het is wel een uitzondering. En als gezegd wordt dat het over meerdere bestanden wordt verspreid terwijl het een functie betreft die op zichzelf moet kunnen functioneren, is dat doorgaans niet de normale werkwijze.
Dit alles kan wat ongemakkelijk zijn. Je bent ten slotte buiten je comfortzone en weet niet steeds wat de ander precies bedoelt. Maar het is juist daarom niet raar om een paar speerpunten van de antwoorden te noteren en die nadien even op te zoeken. Of om, als antwoorden wat kort door de bocht klinkt, het na te vragen op het forum van Shopify of bijv. Reddit.
Prestatiemetingen voor en na Shopify Aanpassingen
Na dit hoofdstuk zal ik een aantal tools noemen die je meteen na het lezen kunt openen en uitproberen. Ze geven je webshop een score per pagina. Als je iemand wilt laten werken, kun je een vooraf-meting doen voor de betreffende pagina en achteraf nogmaals. Natuurlijk betekent extra toegevoegde code vaak ook een langere laadtijd, maar dat moet wel beperkt blijven en dat geeft je een houvast voor vragen na de oplevering. Misschien kan nog een optimalisatie worden uitgevoerd als de score aantoonbaar slechter werd.
Gratis Tools voor het Meten van Shopify Webshop Prestaties
Er zijn heel wat tools om de prestaties van je webshop te meten, op allerlei manieren. Natuurlijk de snelheid, alle SEO-waarden, schermopnamen maken om te bestuderen, heatmaps, enquêtes afnemen en meer. Hieronder drie eenvoudige tools, puur voor prestatiemetingen, die je meteen kunt inzetten als je een live Shopify webshop hebt draaien.
Shopify metingen in analytics
Shopify zelf biedt intussen een heel ‘centrum’ aan analytische data en ook opties om op basis daarvan actie te ondernemen. Maar om de prestaties te zien ga je naar ‘Online Store’, waar je een overzicht van je themes krijgt en meteen bovenaan een prestatieoverzicht. Dat vermeldt waarop bezoekers je webshop het meest bekijken (mobiel, desktop, tablet) en daarnaast meteen de laadsnelheid, de tijd waarna interactie mogelijk is en de visuele stabiliteit.
Door te klikken op deze waarden kun je meer informatie opvragen en dieper op één onderdeel ingaan en zien wat de prestaties hebben gedaan per dag gedurende de afgelopen 28 dagen.
Google Lighthouse
Met de Chrome browser kun je in de inspectiemodule het tabje Lighthouse openen en een scan laten draaien. Die toont scores voor prestaties, toegankelijkheid, praktische tips en SEO. Je geeft aan of de meting voor de desktop of mobiele weergave is. Het is aan te raden deze op mobiel te laten staan, omdat die schermen bij vrijwel iedere webshop het meest voorkomen en deze waarden veel strenger zijn om goed te krijgen.
De metingen met deze tool zijn vaak iets positiever dan andere tools, dus reken je niet meteen rijk als ze hoog zijn, maar het is ideaal om even snel de status te bekijken.
Pagespeed.web.dev
Ook van Google is deze pagina, geheel gemaakt om je prestaties te meten. Als je echt wilt meten en daarmee aan de slag gaan, is deze tool veel overzichtelijker dan de rest en hij geeft veel bruikbare informatie. Het zal een snelle opgave bieden en daaronder een complete breakdown van alles wat aangepakt kan worden.
Conclusie
Als je prestaties dalen, zul je zowel zakken in de zoekmachines als in de waardering van je klanten. Niemand heeft een voorkeur voor een slome webshop. Als de prestatie begrippen je vreemd in de oren klinken ondanks dat je een webshop beheert, is mijn aanbeveling dat je eerst een bepaalde basiskennis opbouwt, zodat je i.i.g. wat logische vragen kunt stellen aan degene die gaat werken aan je webshop. Met die basiskennis kun je ook op tijd herkennen dat de waarden de verkeerde kant op gaan en mogelijk erger (laten) voorkomen. Ik heb zelf in mijn 10 jaar als Shopify specialist heel wat shops gezien die onderpresteerden, waar het veel werk was om oude code te verwijderen, de volgorde goed te zetten qua laden en waarin in de loop van de tijd 20 apps waren geïnstalleerd en deels weer verwijderd en er overal nog restanten stonden die een negatieve invloed hadden.
TAGS
#E-commerce #Shopify #Shopify ontwikkelaar
Lees ook:
![](../blog-2024/10-tips-shopify-2024/blog-display.webp)
10 Tips voor Shopify in 2024
![](../blog-2024/shopify-webshop-optimalisatie/blog-display.webp)
De Motor van je Webshop
Efficiënt Laten Werken
![](../blog-2024/shopify-productfoto-ai/blog-display.webp)
Hoe Shopify AI productfoto's
kan transformeren
![](../blog-2024/webshop-vr-ar/blog-display.webp)
Wat moeten webshop eigenaren doen met Augmented en Virtual Reality?
![](../blog-2024/webshop-zien-als-stenen-winkel/blog-display.webp)
Je online shop bekijken
alsof het een stenen winkel is
![](../blog-2024/shopify-editions-winter-24/blog-display.webp)
Shopify Editions
Winter '24
![](../blog-2023/onvoldoende-verkoop-shopify-webshop/blog-display.webp)
Onvoldoende verkoop
Shopify webshop
![](../blog-2023/shopify-begrippen-2023/blog-display.webp)
Shopify begrippen
in 2023
Wil je meer weten of hulp nodig hebben bij deze of een andere Shopify klus, neem dan gerust contact op met Studio Wassink.
Neem direct contact op met Studio Wassink.