Daarom heeft de New York Times slechts een PageSpeed Insights score van 52.

Jan Hornung Laatst bijgewerkt op 21.10.2020
10 Min.
PageSpeed Insights New York Times
Laatst bijgewerkt op 21.10.2020

Sommige van de grootste en meest succesvolle WordPress sites ter wereld, zoals de Wall Street Journal of People Magazine, presteren enorm slecht in Google's PageSpeed Insights enorm slecht. Dit ondanks het feit dat hun bedrijfsmodel afhankelijk is van goede prestaties. Met de New York Times als voorbeeld zal ik uitleggen waarom je de PageSpeed Optimalisatie Score kan verwaarlozen en welk concreet voordeel je WP bedrijf kan halen uit deze kennis.

Update: Google heeft zijn PageSpeed Insights -tool in november 2018 gewijzigd. Sindsdien zijn de analysegegevens gebaseerd op het open source-instrument Lighthouse. De nieuwe PageSpeed Insights omvat nog meer factoren in de evaluatie, wat de reden is waarom veel websites slechter presteren in de nieuwe PSI-score dan voorheen. Dit geldt ook voor onze case study - de WordPress website van de NYTimes: de desktop PSI score is nu 46 en de mobiele score is 21. Meer informatie over de nieuwe PageSpeed Insights is te vinden in de video van #SEODRIVEN, die u ook aan het eind van dit artikel kunt vinden.

lijn infobox blauw

Wat doen de websites van Forbes, Time Magazine, New Yorker, Wall Street Journal, People Magazine en Harvard Business Review gemeen hebben? Het zijn allemaal grote publicaties met een miljoenenbereik en bijbehorende online verkopen. En ze lopen allemaal op WordPress !

U kunt zich voorstellen dat prestaties een heet hangijzer zijn, vooral voor zulke grote publicaties. Hoe beter de pagina presteert, hoe beter de gebruikerssignalen en hoe meer mensen de pagina lezen. Dit komt de publicatie dubbel ten goede:

  • Hoe beter de gebruikerssignalen, hoe meer reclameverkoop.
  • Hoe meer lezers, hoe beter het aantal abonnees.

Het komt erop neer dat de prestaties van dergelijke publicaties rechtstreeks verband houden met de inkomsten. Het bedrijfsmodel werkt alleen als zo weinig mogelijk gebruikers afhaken.

Het voorbeeld van de Financial Times toont ook aan dat prestaties lonen. In 2016, testten zijhoe een vertraging van de laadtijd van één tot vijf seconden het gedrag van de lezers beïnvloedt. Het resultaat: hoe trager de pagina, hoe minder artikelen bezoekers lezen. Het resultaat: minder reclame-inkomsten en minder afgesloten abonnementen. Het is dan ook geen verrassing dat optimalisering van de laadtijd een topprioriteit was toen de website van de Financial Times ongeveer zes maanden later werd vernieuwd.

Als je echter kijkt naar de resultaten die Google PageSpeed Insights uitspuugt voor de hierboven genoemde publicaties, lijkt het er op het eerste gezicht niet op dat prestatie-optimalisatie een grote rol speelt.

PageSpeed scores in vergelijking_Publicaties


Op twee na behaalden alle geteste publicaties een mobiele-optimalisatiescore in de goede range (80-100). De desktop score is echter heel anders: De PageSpeed-scores van NY Times, HBR en People Magazine zijn "laag", de scores van WSJ, Forbes en Time Magazine zijn slechts "gemiddeld" en alleen de New Yorker haalt het net in de goede range.

Wat is dat toch met die "slechte resultaten"?

De PageSpeed score heeft niets te maken met de laadsnelheid

Velen geloven dat de score die in PageSpeed Insight wordt gegeven (bijv. 60/100) de laadsnelheid van de pagina aangeeft. De naam van het gereedschap suggereert dat. Alleen: "PageSpeed" en "Page Speed" zijn in dit geval niet hetzelfde. De optimalisatiescore die de tool uiteindelijk geeft, heeft geen correlatie met de laadtijd van de pagina.

Lees correct: De Google PageSpeed Insights score niet de laadtijd.

In plaats daarvan wordt gecontroleerd of de websitebeheerder bepaalde maatregelen heeft genomen die worden beschouwd als "beste praktijken" op het gebied van prestatie-optimalisatie. De uitvoering van deze maatregelen wordt vervolgens op een schaal van 0 tot 100 geëvalueerd. 

Een tweede mythe die blijft bestaan: Een goede PageSpeed score verbetert uw Google ranking. Dit is echter evenmin het geval. Ja, de snelheid van een pagina beïnvloedt de ranking. Maar de score die de tool geeft , wordt door Google niet in aanmerking genomen (vooral omdat die toch niet correleert met snelheid). Daarom kunt u de Google PSI-score grotendeels negeren als het gaat om SEO.

Bovendien is de laadtijd van een pagina niet relevant voor de ranking, d.w.z. de tijd die een pagina nodig heeft om helemaal om te laden. In plaats daarvan neemt Google de Time To First Byte (TTFB)-waarde als factor op. Dit is de tijd die verstrijkt totdat de browser het eerste antwoord van de server ontvangt na een HTTP-verzoek. In de regel is dit een kwestie van milliseconden.

De correlatie tussen TTFB en de ranking kon al in 2013 worden aangetoond (u kunt overeenkomstige artikelen vinden bij MOZ hier en hier). Aan de andere kant heeft Gary Illyes - een zeer gerespecteerde web trend analist bij Google in de gemeenschap - publiekelijk via Twitter aangekondigd dat men niet niet te veel zorgen te maken over de laadtijd van de pagina. moeten.

Casestudie: The New York Times PageSpeed Insights Score

Laten we eens kijken naar de New York Times als voorbeeld. Het behaalt een PageSpeed Insights score van 84 ("goed") op mobiel en 52 ("laag") op desktop. Dus wat stelt PageSpeed Insights voor om de laadtijd te verbeteren? Volgens Google zou de desktopversie onder meer kunnen profiteren van de volgende maatregelen:

Elimineer Java Script en CSS-resources die rendering blokkeren in inhoud "boven de vouw" (zichtbaar zonder te scrollen).

De achtergrond van deze suggestie is dat JavaScript normaal gesproken in de footer moet worden geladen of op zijn minst asynchroon. Als het in de header wordt geladen, kan dit tot vertragingen leiden omdat andere bronnen op een laag pitje worden gezet. In sommige gevallen heeft het echter aanzienlijke gevolgen voor de functionaliteit van de pagina als alle JavaScript-pagina's in de voettekst staan. Daarom moet per geval worden nagegaan welke invloed de maatregel op de pagina heeft.

En als de CSS-resources pas aan het eind worden geladen, bouwt de hele pagina zich volledig zonder ontwerp op - niet bepaald een prettige gebruikerservaring. Natuurlijk zou het theoretisch mogelijk zijn om de CSS die nodig is voor de inhoud "boven de vouw" eruit te filteren en bovenaan te integreren en dan de rest van de stylesheet onderaan te laden. Dit is echter bijna onmogelijk om achteraf te doen, met deze truc zou tijdens de ontwikkeling rekening moeten worden gehouden. Bovendien betekent het een aanzienlijke inspanning voor de ontwikkelaar en verbetert het uiteindelijk alleen de PageSpeed score, maar niet de daadwerkelijke laadtijd van de pagina. De moeite kan dus waarschijnlijk beter elders worden geïnvesteerd.

Gebruik browser caching

PageSpeed Insights Caching

Klinkt op het eerste gezicht niet verkeerd. Maar als je kijkt naar de suggesties van wat er nog meer gecachet kan worden, zijn er elementen die niet op de site van de NY Times zelf gehost worden. Dit zijn bijvoorbeeld bestanden die worden gehost door Google Analytics of Facebook en die voor monitoringdoeleinden worden opgenomen bij de NY Times. De sitebeheerder van de NY Times heeft geen enkele invloed op de cacheconfiguratie van deze elementen - de suggestie is dus voor niets.

Google heeft ook kritiek op het gebruik van een "content delivery network" (CDN) - een netwerk van servers die over de hele wereld zijn verspreid maar met elkaar in verbinding staan. Vooral internationale gebruikers hebben hier echter baat bij. In principe is een CDN voordelig voor de prestaties, aangezien de responstijd van de server sterk wordt verminderd en de inhoud veel sneller kan worden afgeleverd. En met een publicatie die zo relevant is als de New York Times, kunt u ervan uitgaan dat lezers over de hele wereld toegang zullen krijgen tot de inhoud en niet lang zullen willen wachten.

Afbeeldingen optimaliseren

PageSpeed Insights_Images

Een groot deel van de afbeeldingen die PageSpeed Insights voorstelt om te optimaliseren, zou door compressie slechts enkele kilobytes kleiner zijn, in sommige gevallen slechts bytes. Natuurlijk is de beelden comprimeren is een belangrijke factor voor prestatie-optimalisatie. Met zulke kleine besparingen is het echter twijfelachtig of het uw laadtijd aanzienlijk zal verbeteren.

JavaScript verminderen

PageSpeed Insights_Java Script

In totaal kon hier iets minder dan 72 kilobyte worden bespaard. Of dat een wezenlijk verschil maakt op een site zo groot als de New York Times valt nog te bezien.

Verminder HTML

PageSpeed Insights_HTML

Net als bij de afbeeldingen en de JavaScript-bestanden is het voorgestelde besparingspotentieel minimaal en dus niet overtuigend.

Sommige van de door het instrument voorgestelde maatregelen zijn waarschijnlijk gewoon oneconomisch, en andere zouden slechts zulke marginale veranderingen meebrengen dat het gebruik ervan niet de moeite waard is. De ontnuchterende conclusie: PageSpeed Insights werpt allerlei suggesties voor verbetering op. Niet al deze maatregelen resulteren echter in een aanzienlijke verbetering van de prestaties van de NY Times. Anders zou men ervan kunnen uitgaan dat zij reeds zouden zijn ingevoerd - de prestaties zijn hier immers rechtstreeks van invloed op het succes van het bedrijfsmodel.

PageSpeed Insights-score blijft een klantenprobleem

In de professionele wereld heeft de volledige discrepantie tussen PageSpeed score en laadsnelheid geleid tot een verhit debat. Het instrument is immers beschikbaar voor leken die zich wellicht niet bewust zijn van deze discrepantie. Berichten van gerespecteerde online marketing goeroes zoals dezewaarin wordt gezegd dat een PageSpeed score van 100 gelijk staat aan een snelle laadtijd, zorgen voor extra verwarring.

Telkens weer melden projectontwikkelaars telefoontjes van zeer verontruste klanten die klagen dat alles rood en oranje is op PageSpeed Insights en een uitvoering van alle voorgestelde maatregelen eisen. Het komt erop neer dat het instrument er vaak toe leidt dat twee keer tijd wordt verspild: tijdens de optimalisering, wanneer onzinnige suggesties worden uitgevoerd, en tijdens de communicatie, wanneer aan de klant wordt uitgelegd waarom ze onzinnig zijn.

De PageSpeed Insights score kan verbeteren als u de afbeeldingsgrootte en HTML met een paar KB vermindert. De prestaties zijn echter vooral gebaat bij maatregelen die het PageSpeed Insights -instrument niet eens voorstelt. Uiteindelijk is professionele prestatie-optimalisering meer dan zich oriënteren op één enkel sleutelfiguur. Dit blijkt ook uit de herlancering van de Financial Times: een uitgebreid herontwerp van de pagina maakt meestal deel uit van grotere optimaliseringsinspanningen.

Ik ben vooral bezorgd over gebieden met veel verkeer. Kleinere websites moeten natuurlijk eerst zorgen dat zij zich houden aan de elementaire "beste praktijken". Na een bepaalde drempel moeten de pagina's echter ingrijpend worden gewijzigd om de prestaties überhaupt te verbeteren, bijvoorbeeld door over te schakelen op een goede hoster of door de architectuur van de pagina's fundamenteel te herzien. Dit moet duidelijk zijn voor u en uw klanten.

Argumenten voor echte prestatie-optimalisatie

De onzekerheid over de PageSpeed Insights score biedt een goede kans, vooral voor ontwerpbureaus: want als je het verband tussen laadsnelheid en business onderkent en weet hoe je het moet gebruiken, onderscheid je je van de concurrentie. Concrete cijfers en case studies zoals het voorbeeld van de NY Times helpen u om bestaande en potentiële klanten te overtuigen:

  • In 2006 voerde Amazon A/B tests uitwaaruit bleek dat een vertraging van 100 milliseconden bij het laden ongeveer 1 procent gederfde inkomsten per jaar betekende - of met andere woorden, 1,6 miljard dollar.
  • Studies blijkt dat de gemiddelde aandachtsspanne van de gebruikers de laatste jaren is gedaald van 12 tot 8 seconden. Dus als een website eenmaal vijf seconden geladen is, zijn er nog maar drie over om de gebruiker te overtuigen van de inhoud. (Hoewel de geldigheid van deze gegevens wordt betwistmaar u zit aan de veilige kant als u ervan uitgaat dat gebruikers minder tijd aan uw inhoud besteden in plaats van meer).
  • Vooral bij mobiele pagina's is de laadsnelheid van groot belang voor het bedrijfsleven. In e-commerce heeft de laadtijd een fundamentele impact op de verkoop: als de pagina te traag is, laat meer dan de helft van de klanten hun geld liever elders achter. 53 procent van de gebruikers stuitert als een pagina er langer dan drie seconden over doet om te laden op een mobiele telefoon. En voor elke seconde dat een mobiele pagina er langer over doet om te laden, verliest de sitebeheerder 20 procent conversie. En mobiel verkeer is niet te verwaarlozen: Het gemiddelde de tijd die via mobiele apparaten op het internet wordt doorgebracht is al ongeveer 87 minuten, en de smartphone heeft de De smartphone heeft de laptop ingehaald als het meest gebruikte internetapparaat..

Hoe zorg je ervoor dat je klanten de PageSpeed Insights score negeren

Dus hoe help je je klanten om Google PageSpeed Insights op de juiste manier te rangschikken en de tool minder belang te geven? Hier volgt een samenvatting van de belangrijkste argumenten:

  • De PageSpeed Score heeft niets te maken met de laadsnelheid, maar beoordeelt of bepaalde maatregelen zijn genomen die algemeen worden aanbevolen. Niet al deze maatregelen zijn zinvol. U kunt uw klanten aanbieden om ze in detail te controleren en die te implementeren die u nuttig acht.
  • De PageSpeed Score is niet relevant voor SEO. Voor de rangschikking is de tijd tot de eerste byte (TTFB) meegerekend, niet de volledige laadtijd. U kunt deze waarde bijvoorbeeld meten met het gereedschap Webpagetest gereedschap. Hoe je de echte laadtijd van een pagina correct analyseert met Webpagetest, leggen we uit in ons e-book.
  • Het PageSpeed Insights -instrument controleert alleen "openbaar" toegankelijke factoren. Het gereedschap kan bijvoorbeeld niet zien hoe de database het doet (en dat is om veiligheidsredenen een goede zaak). Met een opgeruimde database, een slanke Theme, die niet te veel HTTP-verzoeken naar de server stuurt, en zo weinig mogelijk Plugins , zal uw laadtijd aanzienlijk winnen. Deze factoren worden echter niet in aanmerking genomen door PageSpeed Insights . Zo krijgen eigenlijk performante WordPress pagina's nog steeds slechte scores.
  • PageSpeed Insights omvat niet alle maatregelen voor prestatieoptimalisering. Maak uw klanten bewust van het belang van een goede hoster die werkt met HTTP/2 en de laatste PHP-versie. Als de hosting niet goed is, kunt u de site optimaliseren zoveel als u wilt, de laadtijd zal niet fundamenteel veranderen.

Alleen focussen op PageSpeed score is als een paard meenemen naar een Formule 1 race. Zelfs als je de vacht van je paard rood verft en een Ferrari-logo in zijn flank scheert, kun je de gemotoriseerde raceauto's niet ontlopen.

Conclusie

Forbes, Time Magazine of de New York Times hebben misschien niet de meest visueel aantrekkelijke websites - maar ze behoren wel tot de meest succesvolle WordPress sites ter wereld. Dit komt omdat ontwerp, functie en snelheid samenwerken om een harmonieuze totaalervaring te bevorderen.

De score op PageSpeed Insights geeft dit echter niet weer. Het daagt ontwikkelaars regelmatig uit om aan bezorgde klanten uit te leggen dat hun website niet verdwijnen in de diepte van de zoekresultaten als de tool een "slecht" oordeel geeft. De De laadtijd van een pagina hangt af van veel factoren, en veel daarvan worden niet weergegeven door simplistische tools zoals Google PageSpeed Insights .

Een echte meting van de laadtijd mag nooit ontbreken!

Bij het werken met Google PageSpeed Insights is het om bovengenoemde redenen raadzaam de suggesties kritisch te onderzoeken op hun kosteneffectiviteit en de resultaten van de test te vergelijken met andere waarden (bijvoorbeeld met die van Webpagetest of Pingdom).

Wie uiteindelijk ook beslist om de om de voorgestelde maatregelen uit te voerenzou in ieder geval de werkelijke laadtijd voor en na moeten meten, om de effectiviteit van de optimalisaties op de proef te stellen (bijvoorbeeld met onze prestatiekader).

Het komt erop neer dat de tool wijst op een aantal standaardmaatregelen (afbeeldingen comprimeren, SSL en/of HTTP/2 gebruiken, caching instellen, enz.) Maar voor een goede gebruikerservaring draait het allemaal om paginadesign, voor laadtijd geoptimaliseerde rendering (die de PageSpeed tool niet meet), en UX-optimalisatie.

Heeft u ooit de ervaring gehad van een slechte PageSpeed score? Of kent u de bezorgde vragen van klanten over dit onderwerp? Voel je vrij om een reactie achter te laten met jouw ervaringen en tips.

De nieuwe PageSpeed Insights

YouTube

Door de video te laden, accepteer je het privacybeleid van YouTube.
Meer informatie

Laad video

PGlmcmFtZSBsb2FkaW5nPSJsYXp5IiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUtbm9jb29raWUuY29tL2VtYmVkL3drLUJIV1h1WHN3IiBhbGxvd2Z1bGxzY3JlZW49ImFsbG93ZnVsbHNjcmVlbiIgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMTUiIGZyYW1lYm9yZGVyPSIwIj48L2lmcmFtZT4=

RAIDBOXER van het eerste uur en Head of Support. Bij Bar- en WordCamps praat hij het liefst over PageSpeed en website-performance. De beste manier om hem om te kopen is met een espresso - of Beierse Brezel.

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.