Magento & Shopware
Services

Onderzoek: Impact Google Medic update op E-commerce platforms

6 december 2019
door SupportDesk

Eind juli kwam Google met een nieuwe Pagespeed algoritme update. Een update die, door de impact die het had op medische sites, al snel de naam Google Medic heeft gekregen. Snel bleek dat de update echter ook een grote impact had op de e-commerce branche. 100 webshops, draaiend op Magento 1, Magento 2, Shopware, PWA, Lightspeed en WooCommerce, ondervonden allemaal grote dalingen in mobiele pagespeed scores. Maar wat kun je hier tegen doen?

Het bijgewerkte Pagespeed algoritme geniet een grote voorkeur voor snelle, mobiel-geoptimaliseerde websites. Tot juli behandelde Google snelle mobiele sites als aanbeveling, maar na de update is dit een keiharde ranking factor in het algoritme geworden voor mobiele zoekresultaten. Lees meer over de Google Medic update in deze blog.

Het effect: Bij veel webshops daalden de Mobiele Pagespeed scores dramatisch, van 85 naar 10 (en soms lager). Resulterend in grote dalingen in de organische zoekresultaten, van pagina 1 naar pagina 4 en webshops die Google Ads gebruiken werden nog eens extra gestraft. De CPC (Cost-Per-Click) zijn bij veel websites gestegen met 25% (en meer) vanwege de lagere scores van Google Pagespeed voor mobiel.

Het onderzoek: Wat moet je doen voor een hogere mobiele Pagespeed score?

Dat de Google Pagespeed update de e-commerce branche heeft getroffen is een feit. Maar wat moeten webshops doen om de Pagespeed score van hun mobiele site weer in het groen te krijgen? Om een goed beeld te krijgen van de impact hebben we eerst in kaart gebracht op welke platforms de update effect heeft gehad.

Welke e-commerce platforms zijn getroffen?

Verdeeld over de platformen Magento 1, Magento 2, Shopware, WooCommerce, PWA en Lightspeed, hebben we 100 webshops onder de loep genomen en gekeken naar de mobiele Pagespeed scores. Per webshop zijn er 4 pagina’s gemeten; de homepage, Categorypage, productpage en de checkout. Hieronder de resultaten van de gemiddelde scores per website, per platform:

Impact Google Medic update on Magento and other platforms

De resultaten laten zien dat de Google Medic update effect heeft op alle platforms. Bij elk platform is de helft of meer in het rood gevallen en scoren maar twee shops volgens de norm. Met alle resultaten in het rood en een gemiddelde score van 21,1 lijden de webshop die draaien op Magento 2 het meest onder de update. Als de verhoudingen hetzelfde blijven, met 96% buiten het ‘veilige’ groen (waarvan 60% in het rood), zullen tienduizenden webshops de negatieve gevolgen voelen.

Wat moet ik doen om mijn mobile Pagespeed score omhoog te krikken?

Momenteel zijn we met de betreffende platforms en verschillende experts in gesprek en voeren we al diverse testen uit op Magento 1 en Magento 2. We hopen zo snel mogelijk met een update te komen die per platform antwoord geeft op de te volgen best practice methodes voor een hoge mobile Pagespeed score.

Update:

Er zijn verschillende technieken en tools die je kunnen helpen deze problemen te bestrijden. Momenteel zitten we nog midden in het onderzoek naar een lijst met best practices, maar we willen je toch alvast tussentijdse update geven over onze bevindingen.

De focus ligt op snelheid

Het zit ‘m natuurlijk al in de naam, “pagespeed”, dus het is geen verrassing dat de snelheid van mobiele sites een grote factor speelt bij het bepalen van de score. Hoewel het in veel landen misschien niet het geval is, is Google van mening dat de meeste mobiele gebruikers een 3G verbinding hebben. Dit betekent dat de scores gebaseerd zijn op de snelheidservaring van iemand die met winkelt met een 3G verbinding. En dat is een aanzienlijk verschil met 4G.

3G en 4G internet

3G internet is de derde generatie mobiel internet. 3G internet is in heel Nederland beschikbaar en bij sommige providers is 3G het standaard type mobiel internet. De gemiddelde snelheid van 3G internet is 7 Mbps en heeft maximale snelheid van 14,4 Mbps. Met deze snelheid laad je binnen een seconde een nieuwsbericht van ongeveer 1 MB. 4G internet is de vierde generatie mobiel internet en de opvolger van 3G. De gemiddelde snelheid van 4G internet is 20 Mbps en heeft een topsnelheid van 150 Mbps. Een heel stuk sneller dus dan 3G.

Waar gaat het fout bij Magento shops?

Vooral wanneer iemand met een 3G verbinding een pagina bezoekt heeft elke MB, javascript, css en berekening een grote invloed op hoe snel je pagina laadt. We hebben diverse Magento 1 en Magento 2 webshops door Pagespeed gehaald en zagen dat Magento shops worden afgestraft op de volgende punten:

  • 1. Assets
    • Afbeeldingen hebben geen moderne indeling.
    • Afbeeldingen worden niet op een efficiënte manier gecodeerd.
    • Afbeeldingen hebben niet het juiste formaat .
    • Afbeeldingen worden geladen die nog niet in beeld zijn.
    • Afbeeldingen, Javascript, css files worden niet gecomprimeerd.
  • 2. Javascript en css
    • Javascript worden niet correct ingeladen.
    • Er worden veel onnodige Javascript en css files gebruikt.
  • 3. Time To First Byte is te hoog

Er kunnen uiteraard een tal van andere redenen zijn waarom Pagespeed jouw webshop een lage score geeft (dit kun je makkelijk checken door je shop door Pagespeed te laten analyseren). De bovenstaande lijst is, naar onze mening, de lijst met de meest voorkomende grote boosdoeners.

Wat kunnen we hiertegen doen?

Afbeeldingen
voor een moderne indeling, efficiënte codering en juist formaat van je afbeeldingen kun je onder andere gebruik maken van tools als Pagespeed of de Hypernode Image Optimizer van Byte. PageSpeed is een extensie die je op de server moet installeren. De module houdt rekening met hetgeen waarop Google PageSpeed op test. Echter er komen aardig wat NGINX aanpassing bij kijken en niet alle hostingpartijen ondersteunen dit.

Module Rocket javascript 0-25 punten
De meeste Javascripts worden tussen de ‘head’ en de ‘body’ ingeladen. Indien er op de website veel gebruikt wordt gemaakt van Javascript of de code heel uitgebreid is, kan de laadtijd van je site hieronder lijden. Met behulp van deze module wordt de javascript naar de footer verplaatst waardoor de laadtijd van de pagina omlaag gaat.

Onnodige Javascripts en CSS files verwijderen: 1-20 punten
Bij veel Magento shops worden talloze Javascripts en CSS files ingeladen die helemaal niet worden gebruikt. Als je ergens veel tijdswinst mee kunt pakken, is dat wel door tientallen onnodige scripts uit je front-end te verwijderen.

Css en js minify aan: 1-20 punten
Minify is het proces waarbij onnodige spaties of tekens uit de code worden verwijderd. Deze spaties en tekens zijn niet nodig om de code uit te voeren en dus alleen de grootte aan het bestand toe te voegen. Wanneer ze worden verwijderd, worden de bestanden lichter, wat op zijn beurt de laadtijd verlaagt

Varnish
Varnish is een reverse proxy, ook wel web accelerator genoemd. Deze draait op de server waar in een normale configuratie de webserver actief is. Varnish is eigenlijk een slim doorgeefluik. Als Varnish juist geconfigureerd is, zal het bepaalde gedeeltes van de site (die voor alle bezoekers hetzelfde zijn) de eerste keer dat ze worden opgevraagd bewaren. Zo hoeft de webserver een groot gedeelte niet elke keer opnieuw berekenen, en dat scheelt een hoop tijd en kan je shop een stuk sneller maken. In Magento heb je als optie de Built-in Cache of Varnish, maar Varnish geniet bij bij de meeste de voorkeur.

Time to first Byte (TTFB)
De Time to First Byte (TTFB) geeft de tijd aan die het duurt voordat de gebruiker van een website het eerste response packet krijgt vanuit de server. Een snelle Time to First Byte is belangrijk voor de snelheid van jouw website en weegt daarom ook zwaar mee binnen Google Pagespeed. Wanneer je Time to first byte traag is ligt dit vaak aan een overvolle opslagruimte, slecht in elkaar gezette servers of trage database aanvragen. Let op de volgende punten voor een snelle TTFB:

  • Gebruik de meest recente PHP-versie met FPM. PHP 7 is namelijk een stuk sneller dan PHP 5;
  • Webhosting. Zorg voor een snelle en sterke server;
  • Zorg dat je een correct geconfigureerde MySQL server;
  • Redis (of een alternatief) voor caching.