Snelheid is conversie

Winkelen vanuit je luie stoel. Heerlijk. Geen last van huilende kinderen. Geen ellenlange rijen om je spulletjes dan eindelijk af te mogen rekenen. Geen zorgen over openingstijden. Of dat die ene winkel waar je wil zijn, aan de ene kant, en die andere winkel aan de andere kant van het land zit. Enfin, genoeg redenen te bedenken waarom je niet te vaak in het plaatselijke winkelcentrum wil komen, maar lekker vanaf je tablet wil shoppen.

 

Het is heel belangrijk dat alles in een online shop soepel verloopt. Het winkelen moet een leuke en efficiënte ervaring zijn, anders kun je net zo goed om een plekje in de plaatselijke parkeergarage gaan vechten; om vervolgens de stad in te banjeren. Ook het online shoppen kent namelijk een dark side. Met als ergernis nummer 1: pagina’s die langzaam laden. Bij gebrek aan gebruiksvriendelijkheid, kun je er ‘ja en amen’ op zeggen dat je op zeer korte termijn een chronisch gebrek aan klandizie hebt.

Gemak, prijs en snelheid

Pepijn Salemink is een omdenker. Hij denkt niet in problemen, maar in mogelijkheden. Salemink studeerde in 2004 af op e-commerce aan de opleiding Communicatiesystemen aan de Hogeschool van Utrecht en leerde daar de brug te slaan tussen de ICT-wereld en het bedrijfsleven. Salemink: “Het aantal webshops blijft stijgen. Bezoekers beoordelen shops op gemak, prijs en snelheid. Vooral dat laatste punt is van enorm belang: als je bij iedere pagina die je laadt drie seconden moet wachten, is je geduld snel op. Zeker als je op andere sites snellere laadtijden gewend bent.” Salemink benadrukt hoe belangrijk snelheid is voor de eindgebruiker: “Als mensen lang moeten wachten, betalen ze liever een meerprijs voor een product op een webshop die sneller is wat betreft laadtijd en de levering van bestelde goederen. Een site die één seconde sneller laadt dan voorheen, levert 7% meer conversie op. En daar gaat het uiteindelijk toch om.”

Snelheid als product

Salemink erkent dat een snelle webshop niet de enige eis is voor een geslaagde online winkel. “Vormgeving is hartstikke belangrijk. Een oranje bestelknop kan het bijvoorbeeld beter doen dan een groene, afhankelijk van de kleurstelling op de site uiteraard. De wijze waarop een site is opgebouwd, is tevens van groot belang. HostingXS zit op de snelheid. Althans, met hun nieuwe oplossing zorgen ze ervoor dat de laadtijd van pagina’s een flinke boost krijgt. Een bezoeker wil op het moment van klikken het liefst binnen 300 milliseconden een reactie zien van de site. Hij bepaalt immers binnen 3 seconden of hij op een site blijft of niet. Dus er kan maar beter heel snel wat gebeuren. Je hebt nooit een tweede kans om een eerste indruk te maken. Zo weten ook de grote jongens. Kijk maar naar Amazon: per 100 milliseconden dat de site sneller gemaakt wordt, stijgt daar de conversie met maar liefst één procent. De stelregel van HostingXS luidt dan ook: “Investeren in snelheid verdient zichzelf terug.”


Foto van de pagina

Snelheid is dus key bij het winkelen op een webshop. Maar hoe zorg je dat die snelheid gewaarborgd wordt? En wat gebeurt er met een site als je na het versturen van een nieuwsbrief 1.000 unieke bezoekers tegelijkertijd krijgt? Het gebeurt geregeld dat sites dan crashen. Dan veroorzaak je juist het tegenovergestelde van wat je wilt. Veel bezoekers komen nooit meer terug. HostingXS zorgt met een intelligente samenwerking tussen de serverconfiguratie en speciale software voor een supersnelle shop. Daardoor komt de webshop hoger in de zoekresultaten bij zoekmachines en dat levert logischerwijs meer bezoekers op. Uiteraard heb je dan wel een veerkrachtige site nodig. Salemink legt uit hoe het werkt: “Als een bezoeker naar een site gaat, wordt die site aangemaakt op de server en teruggestuurd naar de bezoeker. De server bepaalt aan de hand van diverse gegevens wat de bezoeker te zien moet krijgen. Daarvoor worden allerlei processen gestart en gegevens opgehaald uit databases. Als zo voor iedere unieke bezoeker de pagina volledig gegenereerd moet worden, kost dat iedere keer veel rekenkracht en -tijd. En dat verhoogt de laadtijd. Wij maken als het ware een foto van de gemaakte pagina en die slaan we tijdelijk op, dat noemen we cachen.”

Intelligent cachen

Sommige pagina’s zijn populairder en dynamischer dan anderen. Ook dit soort pagina’s moeten steeds weer in de cache. Met het intelligente cache management zorgt HostingXS ervoor dat de meest geklikte pagina’s ook als eerste weer in de cache terechtkomen. Zowel de eigenaar als de bezoekers ondervinden geen enkel ongemak. Het is simpelweg gebruik maken van een zeer eenvoudig te installeren extensie. De voordelen zijn echter voor beide partijen duidelijk, daarvoor verwijzen we graag naar de kop van dit artikel: snelheid voor de gebruiker betekent conversie voor de eigenaar. “De installatie is erg makkelijk. Zie het als een click & play installatieproces door middel van de visualisatie van cache-bare blokken. Zo heb je meteen goed voor ogen welke blokken dynamisch zijn en welke gecached mogen worden”, licht Salemink toe.

Sneller zichtbaar en bruikbaar

Met maar liefst 20.000 MB per seconde is het werkgeheugen onwaarschijnlijk snel. Ter referentie: een standaard harde schijf leest 80 tot 120 MB per seconde. SSD-schijven zijn weliswaar iets sneller, ze lezen 400 tot 600 MB per seconde. Allemaal niet vergelijkbaar met het werkgeheugen. Logisch dat een site veel sneller zichtbaar en bruikbaar is, wanneer gebruik gemaakt wordt van het werkgeheugen. Salemink: “De foto’s die we in het geheugen plaatsen komen in het cache-geheugen terecht. Ze staan eigenlijk meteen klaar voor de gebruiker, die daardoor de volledige snelheid van het internet kan benutten. De gebruiker kan overal op klikken, zonder dat hij merkt dat hij een algemene foto geserveerd krijgt. Een webshop is natuurlijk heel dynamisch en het zijn vaak maar een paar onderdelen die echt specifiek voor die ene gebruiker zijn. Het winkelmandje is daar het beste voorbeeld van. De rest van de pagina is en blijft voor iedere gebruiker gelijk. Waarom zou je dit gedeelte dan telkens opnieuw laten opbouwen door de server? HostingXS zorgt ervoor dat alleen specifieke handelingen in het winkelmandje worden afgehandeld op de server. Door intelligent te cachen serveren wij de volledige pagina aan de bezoeker terug binnen 50 milliseconden. De levertijd van de pagina is daarnaast afhankelijk van de snelheid van de internetverbinding van de bezoeker.”


Personaliseren wanneer nodig

Door deze unieke techniek hoeven bijvoorbeeld die eerder genoemde 1.000 unieke bezoekers niet stuk voor stuk een volledige pagina te laten genereren door de server. Maar HostingXS gaat verder: het moet nog sneller. Salemink: “De nieuwe technologie die we hebben ontwikkeld, maakt de shops weer sneller. Voor zover ik weet is er geen ander bedrijf ter wereld dat dit al ontwikkeld heeft. Op het moment dat de bezoeker een pagina opvraagt, wordt er voor die specifieke persoon een sessie gestart. Aan deze sessie wordt een winkelmandje gekoppeld. De werking hiervan is als volgt: wanneer een bezoeker op de site komt, worden alle unieke karakteristieke kenmerken tijdelijk verwijderd en elders opgeslagen, gedepersonaliseerd. De bezoeker krijgt dan een gecachte pagina, die in feite voor iedereen gelijk is: niets is dan gepersonaliseerd. Hij kan daarmee gewoon zijn gang gaan in de shop. Uiteraard hebben we die personalisatie later wel nodig, wanneer er bijvoorbeeld een product aan het winkelmandje wordt toegevoegd. Zijn personalisatie wordt dan aangesproken. Dat kost weinig rekenkracht. Hiermee is de puzzel compleet: de dynamische content (het winkelmandje) wordt op de server samengevoegd met de gedepersonaliseerde content. Bij elkaar vormt dat het volledige, kloppende plaatje.”

Meer clicks, meer bestellingen

Salemink is razend enthousiast over zijn nieuwe ontwikkeling: “De snelheid is onovertroffen: er vindt nauwelijks interactie plaats met een processor of database. Vrijwel alles wordt geserveerd vanaf het werkgeheugen en dat is gewoon retesnel. Dat blijft zo, ook met een gevuld winkelmandje. De server krijgt het veel rustiger. Je hebt minder resources nodig.” Trots rondt Salemink af: “Het snellere bladeren door Magento zorgt voor meer interactie met de applicatie zelf. Doordat de klant meer kan klikken, kan hij veel meer pagina’s bekijken en zal hij dus ook meer bestellen.”

HostingXS is onderdeel van Intelligent, de grootste Europese hostingprovider in wording en marktleider in o.a. e-commerce hosting in de Benelux.

Voor Magento 1.7 of hoger

In oktober 2016 kwam de tweede versie van de MageBoost extensie uit voor Magento. Het is een intelligente integratie tussen de serverconfiguratie en de Magento-applicatie. De extensie zorgt voor het cache management en bepaalt op slimme wijze welke pagina’s wel en niet gecached mogen worden. Ook als een product op is of als een prijs moet worden aangepast, worden alle pagina’s waar dat product op staat meteen uit de cache gegooid door deze extensie. Die aangepaste pagina’s worden vervolgens weer aangemaakt en gaan als een foto de cache weer in. Op deze manier wordt de serverbelasting onwaarschijnlijk veel verlaagd. Salemink: “Er hoeven dus geen gigantische servers meer aangezet te worden om grote hoeveelheden traffic aan te kunnen. Deze setup kan gemakkelijk honderden hits per seconde aan. Dan zijn 1.000 bezoekers binnen vijf minuten na het versturen van een nieuwsbrief een fluitje van een cent. Je zorgt ervoor dat je webshop gigantisch veerkrachtig wordt om zeker ook dat soort piekmomenten op te vangen. Tevens bespaart dit veel kosten van dure hostingoplossingen om dergelijke piekmomenten met rekenkracht op te vangen.”

Wil je ook een snellere webshop? Of loop je tegen andere hostingvraagstukken aan? Neem contact op

 

Dit artikel zal tevens in de Webdesigner (nr. 92) worden gepubliceerd, hét magazine voor webdesigners. Iedere uitgave staat bomvol nuttige artikelen, tutorials van specialisten, diepgaande interviews met vooraanstaande bedrijven en designers en overzichten van de mooiste websites.