PageSpeed Insights New York Times

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

Sommige van de grootste en meest succesvolle WordPress sites in de 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. Aan de hand van de New York Times leg ik uit waarom je de PageSpeed-optimalisatiescore kunt verwaarlozen en welk concreet voordeel je WP-bedrijf uit deze kennis kan halen.

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 het slechter doen in de nieuwe PSI-score dan voorheen. Dit geldt ook voor onze casestudy - 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 einde 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 overeenkomstige online-inkomsten. En ze draaien 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. De publicatie profiteert hier dubbel van:

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

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

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

PageSpeed scores in vergelijking_Publicaties


Op twee na behaalden alle geteste publicaties een mobiele-optimalisatiescore in het goede segment (80-100). De desktop score is echter heel anders: De PageSpeed-scores van de NY Times, HBR en People Magazine zijn "laag", de scores van de 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 instrument doet dit vermoeden. Maar: "PageSpeed" en "Page Speed" zijn in dit geval niet hetzelfde. De optimalisatiescore die de tool uiteindelijk oplevert, houdt geen verband met de laadtijd van de pagina.

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

In plaats daarvan wordt nagegaan of de exploitant van de pagina bepaalde maatregelen heeft genomen die als "beste praktijk" voor prestatieoptimalisering worden beschouwd. De uitvoering van deze maatregelen wordt vervolgens beoordeeld op een schaal van 0 tot 100. 

Een tweede mythe die blijft bestaan: Een goede PageSpeed score verbetert uw Google ranking. Dit is echter even weinig 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 de 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 lading. 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 reeds in 2013 worden aangetoond (overeenkomstige artikelen van MOZ zijn te vinden 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 hoeven te maken over de laadtijd van de pagina. moet je je te veel zorgen maken.

Casestudy: 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 bronnen 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 wordt de functionaliteit van de pagina echter aanzienlijk aangetast als alle JavaScript-pagina's zich in de voettekst bevinden. Het effect van deze maatregel op de pagina moet dus per geval worden onderzocht.

En als de CSS-resources pas aan het eind worden geladen, wordt de hele pagina opgebouwd zonder enig ontwerp - 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 in te voegen, en dan de rest van de stylesheet onderaan in 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, verschijnen daar elementen die niet op de NY Times site zelf gehost worden. Het gaat bijvoorbeeld om bestanden die door Google Analytics of Facebook worden gehost en in de NY Times worden geïntegreerd voor monitoringdoeleinden. 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) - d.w.z. een netwerk van servers die over de hele wereld zijn verspreid maar met elkaar in verbinding staan. Toch zijn het juist de internationale gebruikers die hiervan profiteren. 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, kan worden aangenomen dat lezers over de hele wereld toegang hebben tot de inhoud en niet lang willen wachten.

Afbeeldingen optimaliseren

PageSpeed Insights_Images

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

JavaScript verminderen

PageSpeed InsightsJava Script

In totaal kon hier 72 kilobyte worden bespaard. Of dit een fundamenteel 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 niet de moeite waard is ze toe te passen. De ontnuchterende conclusie: PageSpeed Insights werpt allerlei suggesties voor verbetering op. Niet al deze maatregelen leiden echter tot een aanzienlijke verbetering van de prestaties van de NY Times. Anders zou men ervan kunnen uitgaan dat zij reeds zouden zijn ingevoerd - per slot van rekening zijn de prestaties rechtstreeks van invloed op het succes van het bedrijfsmodel hier.

PageSpeed Insights-Score blijft een klantenkwestie

In de professionele wereld heeft de volledige discrepantie tussen PageSpeed score en laadsnelheid geleid tot een verhit debat. Het instrument is immers ook beschikbaar voor leken, die zich niet noodzakelijk bewust zijn van deze discrepantie. Bijdragen van gerespecteerde online marketing goeroes zoals dezedie het hebben over een PageSpeed score van 100 die gelijk staat aan een snelle laadtijd, dragen bij aan de verwarring.

Telkens weer melden ontwikkelaars telefoontjes van zeer verontruste klanten die klagen dat alles rood en oranje is op PageSpeed Insights en opdracht geven tot uitvoering van alle voorgestelde maatregelen. Het komt erop neer dat het instrument er vaak toe leidt dat twee keer tijd wordt verspild: bij de optimalisatie, wanneer onzinnige suggesties worden uitgevoerd, en bij de communicatie, wanneer aan de klant moet worden 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. Professionele prestatie-optimalisering is uiteindelijk meer dan zich oriënteren op één 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 cliënten.

Argumenten voor echte prestatie-optimalisering

De onzekerheid over de PageSpeed Insights -score biedt vooral ontwerpbureaus een goede kans: 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 verlies van 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, blijven er nog maar drie over om de gebruiker te overtuigen van de inhoud. (De geldigheid van deze gegevens wordt betwistmaar u zit aan de veilige kant als u ervan uitgaat dat gebruikers eerder minder dan meer tijd aan uw inhoud besteden).
  • 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 ergens anders achter. 53 procent van de gebruikers haakt af 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 mag niet worden verwaarloosd: Het gemiddelde tijd die via mobiele apparaten op het internet wordt doorgebracht apparaten is al ongeveer 87 minuten, en de smartphone heeft 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 helpt u uw klanten om de Google PageSpeed Insights rating correct te classificeren en minder belang te hechten aan de tool? Hier volgt een samenvatting van de belangrijkste argumenten:

  • DePageSpeed 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 wordt rekening gehouden met de tijd tot de eerste byte (TTFB), niet met de volledige laadtijd. U kunt deze waarde meten, bijvoorbeeld met het gereedschap Webpagetest gereedschap. Hoe u de echte laadtijd van pagina's correct analyseert met Webpagetest wordt uitgelegd in ons e-book.
  • Het PageSpeed Insights -instrument controleert alleen "openbaar" toegankelijke factoren. Het gereedschap kan bijvoorbeeld niet zien hoe de database ervoor staat (en dat is om veiligheidsredenen een goede zaak). Met een opgeruimde database, een slank thema dat niet te veel HTTP-verzoeken naar de server stuurt, en zo weinig mogelijk plugins, zal uw laadtijd aanzienlijk toenemen. Deze factoren worden echter niet in aanmerking genomen door PageSpeed Insights . Dit betekent dat WordPress sites die eigenlijk goed presteren nog steeds slechte scores krijgen.
  • PageSpeed Insights niet alle maatregelen ter optimalisering van de prestaties omvat. Maak uw klanten vooral 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.

Je alleen richten op de PageSpeed score is als met een paard aan een Formule 1 race meedoen. Zelfs als je de vacht van je paard rood verft en een Ferrari-logo op zijn flank scheert, zul je de gemotoriseerde raceauto's niet kunnen ontlopen.

Conclusie

Forbes, Time Magazine of de New York Times hebben misschien niet de mooiste websites - maar ze behoren wel tot de meest succesvolle WordPress sites wereldwijd. En dat komt omdat design, functie en snelheid samenwerken om een coherente 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 een enorm aantal factoren, en veel daarvan worden niet eens weergegeven door zeer simplistische tools zoals Google PageSpeed Insights .

Een echte meting van de laadtijd mag nooit ontbreken!

Wanneer u met Google PageSpeed Insights werkt, 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 de voorgestelde maatregelen uit te voerenmoet in ieder geval de werkelijke laadtijd voor en na het laden meten om de effectiviteit van de optimalisaties te testen (bijv. met behulp van 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.) Voor een goede gebruikerservaring zijn echter het ontwerp van de pagina's, de voor laadtijd geoptimaliseerde presentatie (die het PageSpeed-tool niet meet) en de UX-optimalisatie het belangrijkst.

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

De nieuwe PageSpeed Insights

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd.