Daarom heeft de New York Times maar een PageSpeed Insightsscore van 52...

Jan Hornung
10 Min.
PageSpeed Insights De New York Times

Enkele van de grootste en meest succesvolle WordPress sites ter wereld, zoals de Wall Street Journal of People Magazine, zijn geknipt in Google's PageSpeed Insights ...heel erg. En dit ondanks het feit dat hun bedrijfsmodel afhankelijk is van goede prestaties. Aan de hand van de New York Times zal ik uitleggen waarom u de PageSpeed-optimalisatiescore met vertrouwen kunt vergeten en welke concrete voordelen uw WP-bedrijf uit dit inzicht haalt.

Update: Google heeft zijn PageSpeed Insightstool in november 2018 gewijzigd Sindsdien zijn de gegevens van de analyse gebaseerd op de open sourceTool Lighthouse. De nieuwe PageSpeed Insights neemt nog meer factoren in de evaluatie op, waardoor veel websites slechter scoren dan voorheen op de nieuwe score voor overheidsinformatie. Dit geldt ook voor onze case study - de NYTimes WordPress website: Uw desktop PSI score is nu 46 en de mobiele score is 35. Meer informatie over de nieuwe PageSpeed Insights is beschikbaar in de Video van #SEODRIVENdie u ook aan het einde van dit artikel vindt.

lijninfobox blauw

Wat doen de websites van Forbes, Tijdschrift, New Yorker, De Wall Street Journal, volksmagazine en Harvard Business Review samen? Dit zijn grote publicaties met een bereik van miljoenen en bijbehorende online verkopen. En ze lopen allemaal op WordPress !

U kunt zich voorstellen dat prestaties een hot topic zijn, vooral voor zulke grote releases. Hoe beter de site presteert, hoe beter de gebruikerssignalen en hoe meer mensen hem lezen. De publicatie profiteert hier twee keer van:

  • Hoe beter de signalen van de gebruiker, hoe meer reclame-inkomsten.
  • Hoe meer lezers, hoe beter het aantal abonnees.

Het komt erop neer dat de prestaties voor dergelijke publicaties rechtstreeks verband houden met de verkoop. Het bedrijfsmodel werkt alleen als er zo min mogelijk gebruikers weggaan.

Prestatiebeurzen E-Boek

De Financial Times laat ook zien dat prestaties zich lonen. De geteste 2016hoe 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 abonnementen. Het is niet verrassend dat het optimaliseren van de laadtijd een topprioriteit was toen de website van de Financial Times in de buurt was. een half jaar later is herzien.

Als je kijkt naar de resultaten, de Google PageSpeed Insights Voor de bovengenoemde publicaties lijkt het er niet op dat performance-optimalisatie op het eerste gezicht een grote rol speelt.

PageSpeed scores in vergelijking_Publicaties


Op twee na behaalden alle geteste publicaties een mobiele optimalisatiescore in het goede bereik (80-100). De desktopscore ziet er echter heel anders uit: De PageSpeed-scores van NY Times, HBR en People Magazine zijn "laag", de scores van WSJ, Forbes en Time Magazine zijn slechts "medium" en alleen de New Yorker komt nauwelijks in het goede bereik.

Wat is het met deze "slechte resultaten"?

De PageSpeed-Score heeft niets te maken met laadsnelheid.

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

Correcte lezing: De Google PageSpeed Insights-Score geeft aan niet de laadtijd.

In plaats daarvan wordt gecontroleerd of de exploitant van de locatie bepaalde maatregelen heeft genomen die bekend staan als beste praktijk van toepassing zijn op de optimalisatie van de prestaties. 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 je ranking. Maar dat is net zo min het geval. Ja, de snelheid van een pagina beïnvloedt het klassement. Echter, de score dat de output van de tool niet in aanmerking wordt genomen door Google (vooral omdat het toch niet correleert met snelheid), zodat u de optimalisatiescore kunt negeren als het gaat om SEO.

Daarom heeft de New York Times maar een PageSpeed Insightsscore van 52...

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

De correlatie tussen TTFB en de rangschikking kon al in 2013 worden aangetoond (overeenkomstige bijdragen van MOZ zijn te vinden hier en hier). Gary Illyes - Google's meest gerespecteerde webtrendanalist in de gemeenschap - heeft daarentegen via Twitter publiekelijk aangekondigd dat maak je niet te veel zorgen over de laadtijd van de pagina. Moet.

Case study: De PageSpeed Insights-Score van de New York Times

Laten we de New York Times als voorbeeld nemen. Het bereikt een mobiel PageSpeed Insights-score van 84 ("goed") en op het bureaublad één van 52 ("laag"). Wat klopt PageSpeed Insights om de laadtijd te verbeteren? Volgens Google kan de desktopversie onder andere profiteren van de volgende maatregelen:

Elimineer JavaScript- en CSS-bronnen die het renderen van inhoud "boven de vouw" blokkeren (zichtbaar zonder te scrollen)

De achtergrond van deze suggestie is dat JavaScript normaal gesproken in de voettekst moet worden geladen of op zijn minst asynchroon. Als het in de header wordt geladen, kan dit leiden tot vertragingen omdat andere middelen worden achtergelaten. In sommige gevallen wordt de functionaliteit van de pagina echter aanzienlijk beperkt als alle JavaScript-pagina's in de voettekst staan. In dit geval moet u van geval tot geval controleren hoe de maatregel de pagina beïnvloedt.

En als de CSS-bronnen 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" uit te filteren en deze aan de bovenkant in te voegen en vervolgens de rest van het stylesheet aan de onderkant te laden. Dit is echter bijna onmogelijk achteraf, met deze truc zou tijdens de ontwikkeling rekening moeten worden gehouden. Het betekent ook een aanzienlijke inspanning voor de ontwikkelaar en verbetert uiteindelijk alleen de snelheidsscore van de pagina, maar niet de daadwerkelijke laadtijd van de pagina. De inspanning kan dus waarschijnlijk beter elders worden geïnvesteerd.

Gebruik browser caching

PageSpeed Insights Caching

Klinkt in het begin niet verkeerd. Maar als je kijkt naar de suggesties voor wat er nog meer gecached zou kunnen worden, vind je elementen die niet op de NY Times site zelf gehost worden. Bijvoorbeeld bestanden die worden gehost door Google Analytics of Facebook en worden gebruikt voor monitoringdoeleinden door de NY Times. De NY Times heeft geen invloed op de cache-configuratie 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 verspreid zijn, maar met elkaar verbonden zijn. Vooral internationale gebruikers profiteren hiervan. Een CDN is fundamenteel voordelig voor de prestaties, aangezien de responstijd van de server sterk wordt verkort en de inhoud veel sneller kan worden geleverd. En met een publicatie die zo relevant is als de New York Times, kan men ervan uitgaan dat lezers over de hele wereld toegang zullen krijgen tot de inhoud en niet lang zullen willen wachten.

Beelden optimaliseren

PageSpeed InsightsMaagden

Een groot deel van de afbeeldingen die voor optimalisatie worden voorgesteldPageSpeed Insights, zou door compressie slechts enkele kilobytes kleiner worden, in sommige gevallen zelfs slechts bytes. Natuurlijk is dit Het comprimeren van beelden een belangrijke factor voor de optimalisatie van de prestaties. Met zulke kleine besparingen is het echter twijfelachtig of dit uw laadtijd aanzienlijk zal verbeteren.

JavaScript verminderen

PageSpeed Insights_Java-script

Verminder HTML

In totaal kon hier bijna 72 kilobyte worden bespaard. Het is nog maar de vraag of dit op zo'n grote pagina als de New York Times een fundamenteel verschil maakt.

PageSpeed InsightsHTML

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

Sommige van de door het instrument voorgestelde maatregelen zijn waarschijnlijk eenvoudigweg onrendabel, en andere zouden slechts zulke marginale veranderingen met zich meebrengen dat het niet de moeite waard is om ze te gebruiken. De ontnuchterende conclusie is dat er PageSpeed Insightsallerlei suggesties voor verbetering worden gedaan. Maar ze leiden niet allemaal tot een significante verbetering van de prestaties van de NY Times. Anders zouden we ervan uit kunnen gaan dat ze al zijn geïmplementeerd - de prestaties zijn hier immers rechtstreeks van invloed op het succes van het bedrijfsmodel.

PageSpeed Insights-Kern blijft een klantvraagstuk

In de professionele wereld heeft de volledige discrepantie tussen de snelheidsscore van de pagina's en de laadsnelheid geleid tot een verhitte discussie. Tot slot is het instrument ook beschikbaar voor leken die zich niet noodzakelijkerwijs bewust zijn van deze discrepantie. Bijdragen van gerespecteerde online marketinggoeroes als dezedie spreken over een PageSpeed-score van 100 die gelijk staat aan een snelle laadtijd, veroorzaken ook verwarring.

Steeds weer melden ontwikkelaars oproepen van zeer onrustige klanten die klagen dat PageSpeed Insightsalles rood en oranje is en die een uitvoering van alle voorgestelde maatregelen bestellen. Het komt erop neer dat de tool vaak op twee manieren tijdverlies oplevert: tijdens de optimalisatie, wanneer onzinnige suggesties worden geïmplementeerd, en tijdens de communicatie, wanneer de klant wordt verteld waarom ze onzinnig zijn.

Hoewel de PageSpeed Insights-score kan worden verbeterd door de afbeeldingsformaten en HTML met een paar KB te verkleinen. De prestaties zijn echter vooral gebaat bij maatregelen die de PageSpeed Insights Tool suggereert helemaal niet. Professionele performance-optimalisatie is uiteindelijk meer dan alleen het oriënteren op één sleutelfiguur. De herlancering van de Financial Times toont dit aan: Een uitgebreide herinrichting van de site is meestal noodzakelijk voor grote optimaliseringsinspanningen.

Ik ben vooral geïnteresseerd in Druk bezochte gebieden. Kleinere websites moeten natuurlijk in de eerste plaats kijken naar de basale optimale werkmethoden om geobserveerd te worden. Boven een bepaalde drempel moeten er echter grote veranderingen in de pagina's worden aangebracht om de prestaties überhaupt te verhogen, bijvoorbeeld door over te stappen op een goede hoster of een fundamentele herziening van de pagina-architectuur. Dit moet duidelijk zijn voor u en uw klanten.

Meet de snelheid van de pagina's: e-boek

Argumenten voor echte prestatie-optimalisatie

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

  • 2006 Amazon heeft A/B-tests uitgevoerdwat resulteerde indat een vertraging van 100 milliseconde in de laadsnelheid een verlies van ongeveer 1 procent in de omzet per jaar betekende - oftewel: 1,6 miljard dollar.
  • Studies tonen aan dat in de afgelopen jaren de gemiddelde aandachtsspanne van de gebruikers is afgenomen van 12 tot 8 seconden. Dus zodra een website vijf seconden lang laadt, blijven er slechts drie over om de gebruiker te overtuigen van de inhoud. (De geldigheid van deze gegevens wordt besprokenmaar u bent aan de veilige kant als u ervan uitgaat dat gebruikers de neiging hebben om minder in plaats van meer tijd aan uw inhoud te besteden :-)
  • Vooral bij mobiele sites is de laadsnelheid zeer relevant voor het bedrijfsleven. In e-commerce heeft de laadtijd een fundamentele invloed op de verkoop: als de pagina te traag is, geeft meer dan de helft van de klanten er de voorkeur aan hun geld elders te laten liggen. 53 procent van de gebruikers springt van de pagina af als een pagina op hun mobiele telefoon langer dan drie seconden wordt geladen. En voor elke seconde dat een mobiele pagina langer nodig heeft om te laden, verliest de site-operator 20 procent van de conversies. En het mobiele verkeer mag niet worden verwaarloosd: Het gemiddelde Gebruik van het internet via mobiele apparaten is al op ongeveer 87 minuten vandaag, en de Smartphone heeft de laptop ingehaald als het meest voorkomende internetapparaat.

Hoe krijgt u uw klanten zover dat ze de PageSpeed Insights-score negeren?

Dus hoe helpt u uw klanten om de Google-score PageSpeed Insightsgoed te krijgen en de tool minder belangrijk te maken? Hier is een samenvatting van de belangrijkste argumenten:

  • De PageSpeed-Score heeft niets te maken met de laadsnelheid, maar beoordeelt of bepaalde maatregelen zijn geïmplementeerd, die over het algemeen worden aanbevolen. Niet al deze maatregelen zijn zinvol. U kunt uw klanten de mogelijkheid bieden om ze tot in detail te controleren en de door u gewenste maatregelen te nemen.
  • De PageSpeed score is niet relevant voor SEO. De Time to First Byte (TTFB) is opgenomen in het klassement, niet de volledige laadtijd. U kunt deze waarde veranderen met de Webpagina test verhogen.
  • De PageSpeed Insightstool controleert alleen "publiek" toegankelijke factoren. De tool kan bijvoorbeeld niet zien hoe de database het doet (wat goed is voor de veiligheid). Met een opgeruimde database, een slanke Themedatabase die niet te veel HTTP-verzoeken naar de server stuurt, en zo min Pluginsmogelijk, zal uw laadtijd aanzienlijk toenemen. Maar deze factoren worden beïnvloed door PageSpeed Insights wordt niet in aanmerking genomen. Dus eigenlijk krijgen de WordPress pagina's die worden uitgevoerd nog steeds slechte scores.
  • PageSpeed Insights omvat geenszins alle maatregelen voor de optimalisatie van de prestaties. Maak uw klanten vooral bewust van het belang van een goede hoster die werkt met HTTP/2 en de nieuwste PHP-versie. Als de hosting niet goed is, kunt u de site optimaliseren zoveel als u wilt, maar de laadtijd zal niet fundamenteel veranderen.

Alleen focussen op de PageSpeed-score is als een paard meenemen naar een Formule 1-race. Zelfs als u de vacht van uw paard rood schildert en een Ferrari-logo in de zijkant scheert, haalt u de gemotoriseerde raceauto's niet in.

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 PageSpeed Insights-score geeft dit echter niet weer. Het stelt de ontwikkelaars regelmatig voor de uitdaging om aan bezorgde klanten uit te leggen dat hun website niet verdwijnt in de diepte van de zoekresultaten als het oordeel van de tool "slecht" is. De De laadtijd van een pagina is afhankelijk van veel factoren, en veel daarvan worden niet eens weergegeven door sterk vereenvoudigde tools zoals GooglePageSpeed Insights.

Bij het werken met het instrument is het dan ook raadzaam om de voorstellen kritisch te onderzoeken op hun economische efficiëntie en de resultaten van de test te vergelijken met andere waarden (bijvoorbeeld met die van de Webpagetest of Pingdom Tools).

Wie besluit uiteindelijk om voorgestelde maatregelen uitvoerenmoet in ieder geval de werkelijke laadtijd voor en na meten om de effectiviteit van de optimalisaties op de proef te stellen (bijvoorbeeld met onze Prestatieraamwerk).

Op de onderste regel wijst de tool op enkele standaard maatregelen (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 de belasting geoptimaliseerde weergave (die de PageSpeed tool niet meet) en de UX-optimalisatie de belangrijkste factoren.

Heb je ooit een slechte PageSpeed-score gehad? Of bent u op de hoogte van de bezorgde vragen van klanten over dit onderwerp? Laat me gerust een reactie achter met uw ervaringen en tips.

De nieuwe PageSpeed Insights

YouTube

Door de video te laden, accepteer je het privacybeleid van YouTube.
Kom meer te weten

Laad video

PGlmcmFtZSBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUtbm9jb29raWUuY29tL2VtYmVkL3drLUJIV1h1WHN3IiBhbGxvd2Z1bGxzY3JlZW49ImFsbG93ZnVsbHNjcmVlbiIgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMTUiIGZyYW1lYm9yZGVyPSIwIj48L2lmFtZT4=

RAIDBOXER van het eerste uur en Hoofd Support. Bij Bar- en WordCamps praat hij graag over PageSpeed en de prestaties van de website. De beste manier om hem om te kopen is met een espresso - of Beierse krakeling.

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een commentaar

Je e-mail adres wordt niet gepubliceerd. Verplichte velden zijn met * gemarkeerd.