In onze vorige blog over de Experius Smart JS Bundling module, onderdeel van ons Performance Pack voor Magento, hebben we het gehad over wat we kunnen verbeteren aan de manier waarop de browser (bv. Chrome, Edge of Safari) omgaat met de bestanden die hij binnenkrijgt. In deze blog gaan we met behulp van Fastly nog een stap daarvóór verbeteren: de bestanden een stuk sneller laten binnenkomen bij de browser!
Waarom zetten we Fastly in?
Absolute nummer 1 in CDN: een snelle webshop, voor al jouw klanten in binnen- en buitenland
Minder belasting op de hosting bij piekmomenten
DDOS bescherming
Voor de consumentenmarkt is het een open deur dat een webshop snel moet zijn. Maar toch zien we veel webshops waar de afbeeldingen niet of traag laden, piekbelasting de zaak op slot gooit en het bestelproces te veel en te langzame stappen betreft.
In B2B heb je te maken met een webshop die vaak dienst doet als een ‘klantportaal’, maar ook daar eist jouw klant een snelle ervaring en een efficiënt proces. En voor B2B e-commerce omgevingen waar de klant meerdere malen per dag op kijkt, bestelt en in het assortiment zoekt, is het een basisvoorwaarde dat dit snel moet gaan.
Voor een nieuwe pagina bij jou aankomt, moet er technisch behoorlijk wat gebeuren. Zo moet er verbinding gelegd worden met de DNS-servers om de domeinnaam die je hebt ingetikt (‘experius.nl’) om te zetten naar een IP-adres (het ‘adres’ van de server), dan wordt de beveiligde SSL-verbinding geverifieerd (of deze wel ‘echt’ is) én moet de webserver waar Magento op draait ook nog reageren! Het is dus een complex proces dat plaatsvindt tussen jouw klik op de knop en het zien van een productpagina.
Door gebruik te maken van de snelste DNS servers en op een heel hoog niveau de SSL-verbinding te maken, maakt Fastly de connectie véél sneller dan met een normale webserver mogelijk is. In Europa is dit proces ruim 4x zo snel dan met een standaard webserver, in andere werelddelen kan dit verschil nog veel groter zijn!
Maar ook de reactietijd van de Magento applicatie kan door Fastly enorm vooruit geholpen worden. Indien een pagina ‘in de cache’ zit (pagina is eerder bezocht), kan Fastly deze pagina namelijk direct afleveren zónder contact te hoeven maken met de Magento server. Dit proces gaat tot wel 10x zo snel als wat Magento standaard kan. Ditzelfde geldt voor statische bestanden - zoals javascript-, styling- en afbeeldingsbestanden.
Afbeeldingen kan Fastly zelfs speciaal behandelen. Door Fastly’s state-of-the-art compressie technieken zijn de afbeeldingen op de webshop - van de banner op de homepage tot de galerij op de productpagina - mooier dan ze eerst waren en tegelijkertijd een stuk kleiner. Fastly ondersteunt ook WebP - het meest efficiënte bestandsformaat - voor Chrome, Edge en Firefox en laadt automatisch JPG files in voor Safari op iOS.
In combinatie met de andere voordelen van Fastly, hebben we bij onze eigen klanten met Fastly kunnen zien dat de ‘page load time’ (volgens Google Analytics)
met 33% is gedaald!
De voordelen van Fastly op een rij: