Dlatego New York Times ma tylko PageSpeed Insights-score na poziomie 52.

Jan Hornung
10 Min.
PageSpeed Insights The New York Times
Ostatnio zaktualizowany na

Niektóre z największych i najbardziej udanych WordPress witryn na świecie, takie jak Wall Street Journal czy People Magazine, zostały włączone do Google'a. PageSpeed Insights ...bardzo źle. I to pomimo faktu, że ich model biznesowy zależy od dobrych wyników. Na przykładzie New York Timesa wyjaśnię, dlaczego można śmiało zapomnieć o wyniku optymalizacji PageSpeed i jakie konkretne korzyści dla biznesu WP wynikają z tego spostrzeżenia.

Update: Google zmienił swoje PageSpeed Insightsnarzędzie w listopadzie 2018 r. Od tego czasu dane z analizy opierają się na otwartym kodzie źródłowym.Narzędzie Lighthouse. Nowy PageSpeed Insights uwzględnia jeszcze więcej czynników w ocenie, dlatego wiele stron internetowych uzyskuje gorsze niż poprzednio wyniki w nowej ocenie PSI. Dotyczy to również naszego studium przypadku - strony internetowej NYTimesWordPress : Twój wynik PSI na komputerze stacjonarnym wynosi teraz 46, a na telefonie 35. Więcej informacji na temat nowego studium przypadku - NYTimes. PageSpeed Insights jest dostępny w Wideo z #SEODRIVENktóre również znajdziecie na końcu tego artykułu.

infoboks liniowy niebieski

Co robią strony internetowe Forbes, Time Magazine, Nowojorczyk, The Wall Street Journal, magazyn dla ludzi oraz Harvard Business Review razem? Są to duże publikacje o zasięgu milionów i odpowiadająca im sprzedaż online. A oni wszyscy wbiegajWordPress ą!

Można sobie wyobrazić, że występ jest gorącym tematem szczególnie dla tak dużych wydawnictw. Im lepiej strona działa, tym lepszy jest sygnał od użytkownika i tym więcej osób ją czyta. Publikacja korzysta z tego dwukrotnie:

  • Im lepsze są sygnały od użytkownika, tym większe są przychody z reklam.
  • Im więcej czytelników, tym lepsza liczba abonentów.

Wynik końcowy jest taki, że wyniki dla takich publikacji są bezpośrednio związane ze sprzedażą. Model biznesowy będzie działał tylko wtedy, gdy odejdzie jak najmniejsza liczba użytkowników.

Targi wydajności E-Book

The Financial Times pokazuje również, że wyniki się opłacają. Testowany rok 2016jak opóźnienie od jednej do pięciu sekund w czasie ładowania wpływa na zachowanie się czytników. Wynik: im wolniejsza strona, tym mniej artykułów czytanych przez odwiedzających. Rezultat: mniejsze przychody z reklam i mniejsza liczba wykupionych abonamentów. Nic dziwnego, że optymalizacja czasu ładowania była głównym priorytetem, gdy strona Financial Times była w pobliżu pół roku później został zmieniony.

Jeśli spojrzysz na wyniki, to Google PageSpeed Insights Dla wyżej wymienionych publikacji nie wygląda na to, aby na pierwszy rzut oka optymalizacja wydajności odgrywała główną rolę.

PageSpeed score in comparison_Publications


Z wyjątkiem dwóch, wszystkie testowane publikacje uzyskały wynik optymalizacji mobilnej w dobrym zakresie (80-100). Wynik na pulpicie wygląda jednak zupełnie inaczej: Wyniki PageSpeed z NY Times, HBR i People Magazine są "niskie", wyniki WSJ, Forbes i Time Magazine są tylko "średnie" i tylko New Yorker ledwo mieści się w dobrym zakresie.

O co chodzi z tymi "złymi wynikami"?

PageSpeed-Score nie ma nic wspólnego z prędkością ładowania

Wielu uważa, że wynik (np. 60/100) w PageSpeed Insight wskazuje prędkość ładowania strony. Nazwa narzędzia wskazuje na to. Tylko: PageSpeed i prędkość strony nie są takie same w tym przypadku. Wynik optymalizacji, który narzędzie ostatecznie odrzuca, nie ma żadnej korelacji z czasem ładowania strony.

Prawidłowe odczytanie: Google PageSpeed Insights-Score wskazuje Nie czas załadunku.

Zamiast tego sprawdza się, czy operator obiektu wdrożył pewne środki, które są znane jako najlepsza praktyka mają zastosowanie do optymalizacji wydajności. Wdrożenie tych działań jest następnie oceniane w skali od 0 do 100. 

Drugi mit, który się utrzymuje: Dobry wynik PageSpeed poprawia twój ranking. Ale to tylko mała sprawa. Tak, prędkość strony ma wpływ na ranking. Jednak wynik, że wyniki narzędzia nie są brane pod uwagę przez Google (zwłaszcza, że i tak nie koreluje to z prędkością), więc można zignorować wynik optymalizacji, jeśli chodzi o SEO.

Dlatego New York Times ma tylko PageSpeed Insights-score na poziomie 52.

Co więcej, czas ładowania strony nie ma znaczenia dla rankingu, tzn. czas, jaki strona zajmuje na Kompletny do załadowania. Zamiast tego, Google uwzględnia jako czynnik wartość TTFB (Time To First Byte). Jest to czas, który upływa do momentu otrzymania przez przeglądarkę pierwszej odpowiedzi od serwera po żądaniu HTTP. Zazwyczaj jest to w milisekundach.

Korelacja między TTFB a rankingiem może zostać udowodniona już w 2013 r. (odpowiedni wkład ze strony MOZ można znaleźć na stronie Tutaj oraz Tutaj). Natomiast Gary Illyes - najbardziej szanowany analityk internetowych trendów w społeczności Google - publicznie ogłosił na Twitterze, że nie martw się zbytnio o czas ładowania strony Musi.

Studium przypadku: The PageSpeed Insights-Score of the New York Times

Przyjrzyjmy się bliżej New York Timesowi jako przykładowi. Dociera do telefonu komórkowego PageSpeed Insights-Wynik 84 ("dobry") i na pulpicie 52 ("niski"). Co sugeruje PageSpeed Insights aby poprawić czas załadunku? Według Google, wersja desktopowa mogłaby skorzystać m.in. z następujących środków:

Wyeliminowanie zasobów JavaScript i CSS, które blokują rendering w treści "powyżej fałdu" (widoczne bez przewijania)

Tłem tej sugestii jest to, że JavaScript powinien być normalnie ładowany w stopce lub przynajmniej asynchronicznie. Jeśli zostanie on załadowany do nagłówka, może to prowadzić do opóźnień, ponieważ inne zasoby są odłożone w czasie. W niektórych przypadkach jednak, jeśli wszystkie strony w JavaScript znajdują się w stopce, znacznie obniża to funkcjonalność strony. W tym przypadku należy sprawdzić od przypadku do przypadku, jak dany środek wpływa na stronę.

A kiedy zasoby CSS są załadowane na końcu, cała strona jest budowana bez żadnego projektu - nie jest to do końca przyjemne dla użytkownika. Oczywiście, teoretycznie byłoby możliwe odfiltrowanie CSS potrzebnego dla zawartości "powyżej fałdu" i umieszczenie go na górze, a następnie załadowanie reszty arkusza stylów na dole. Jednak później jest to prawie niemożliwe, ten trik musiałby być brany pod uwagę w trakcie opracowywania. Oznacza to również znaczny wysiłek dla dewelopera i ostatecznie tylko poprawę wyniku prędkości strony, ale nie faktyczny czas ładowania strony. Więc ten wysiłek jest prawdopodobnie lepiej zainwestowany gdzie indziej.

Użyj buforowania w przeglądarce

PageSpeed Insights Caching

Na początku nie brzmi źle. Ale jeśli spojrzeć na sugestie, co jeszcze może być buforowane, można znaleźć elementy, które nie są hostowane na stronie NY Times sam. Na przykład, pliki, które są hostowane przez Google Analytics lub Facebook i są wykorzystywane do celów monitoringu przez NY Times. NY Times nie ma wpływu na konfigurację pamięci podręcznej tych elementów - więc sugestia jest do niczego.

Google krytykuje również korzystanie z Content Delivery Network (CDN) - sieci serwerów dystrybuowanych na całym świecie, ale połączonych ze sobą. Korzystają na tym zwłaszcza użytkownicy międzynarodowi. CDN jest zasadniczo korzystny dla wydajności, ponieważ czas reakcji serwera jest znacznie skrócony, a treść może być dostarczana znacznie szybciej. A dzięki publikacji tak istotnej jak New York Times, można założyć, że czytelnicy na całym świecie będą mieli dostęp do treści i nie będą chcieli długo czekać.

Optymalizacja obrazów

PageSpeed InsightsWiesz co?

Duża część obrazów proponowanych PageSpeed Insightsdo optymalizacji stałaby się w wyniku kompresji tylko o kilka kilobajtów mniejsza, w niektórych przypadkach nawet tylko o bajty. Oczywiście, że jest to Kompresja obrazów ważny czynnik optymalizacji wydajności. Przy tak małych oszczędnościach wątpliwe jest jednak, by znacznie skróciło to czas załadunku.

Redukcja JavaScript

PageSpeed InsightsSkrypt Javy.

Zredukuj HTML

W sumie można by tu zaoszczędzić prawie 72 kilobajty. Dopiero się okaże, czy na tak wielkiej stronie jak New York Times zrobi to jakąś zasadniczą różnicę.

PageSpeed InsightsHTML

Podobnie jak w przypadku obrazów i plików JavaScript, proponowany potencjał oszczędności jest minimalny i dlatego niezbyt przekonujący.

Niektóre ze środków proponowanych przez to narzędzie są prawdopodobnie po prostu nieekonomiczne, a inne przyniosłyby tylko tak niewielkie zmiany, że nie warto ich stosować. Trzeźwiący wniosek jest taki, że rzuca on PageSpeed Insightswszelkiego rodzaju sugestie dotyczące poprawy. Ale nie wszystkie z nich prowadzą do znaczącej poprawy wyników NY Timesa. W przeciwnym razie moglibyśmy założyć, że zostały one już wdrożone - w końcu wydajność ma tu bezpośredni wpływ na sukces modelu biznesowego.

PageSpeed Insights-Score pozostaje kwestią klienta

W profesjonalnym świecie, całkowita rozbieżność między wynikiem prędkości strony a prędkością ładowania doprowadziła do gorącej debaty. Wreszcie, narzędzie to jest również dostępne dla laików, którzy niekoniecznie są świadomi tej rozbieżności. Wkład takich guru marketingu internetowego jak tenktóre mówią, że wynik PageSpeed wynoszący 100 jest równoznaczny z szybkim czasem ładowania, dodają zamieszania.

Raz po raz programiści donoszą o połączeniach od bardzo niezadowolonych klientów, skarżąc się, że PageSpeed Insightswszystko jest czerwone i pomarańczowe i zamawiając wdrożenie wszystkich proponowanych środków. Najważniejsze jest to, że narzędzie często powoduje marnowanie czasu na dwa sposoby: podczas optymalizacji, kiedy wdrażane są bezsensowne sugestie, oraz podczas komunikacji, kiedy klient dowiaduje się, dlaczego są one bezsensowne.

Chociaż PageSpeed Insights-Możesz poprawić swój wynik zmniejszając rozmiar obrazu i HTML o kilka KB. Skuteczność działania korzysta jednak przede wszystkim ze środków, które ograniczają PageSpeed Insights Narzędzie w ogóle nie sugeruje. Profesjonalna optymalizacja wydajności to ostatecznie coś więcej niż tylko orientacja na jednej kluczowej postaci. Ponowne uruchomienie "Financial Timesa" pokazuje, że: Kompleksowa przebudowa strony jest zazwyczaj niezbędna do przeprowadzenia dużych wysiłków optymalizacyjnych.

Jestem szczególnie zainteresowany Obszary o dużym natężeniu ruchu. Mniejsze strony internetowe powinny oczywiście najpierw przyjrzeć się podstawowym najlepsze praktyki do obserwacji. Powyżej pewnego progu konieczne jest jednak wprowadzenie ogromnych zmian na stronach, aby w ogóle zwiększyć wydajność, na przykład przejście na dobry hoster lub fundamentalna rewizja architektury strony. To powinno być jasne dla ciebie i twoich klientów.

Zmierzyć prędkość strony: e-book

Argumenty za rzeczywistą optymalizacją wydajności

Niepewność co do PageSpeed Insights-score jest dobrą okazją szczególnie dla agencji projektowych: ponieważ jeśli rozpoznasz związek między prędkością załadunku a biznesem i będziesz wiedział jak go używać, wyróżnisz się na tle konkurencji. Konkretne dane liczbowe i studia przypadków, takie jak przykład NY Timesa, pomogą Ci przekonać obecnych i potencjalnych klientów:

  • 2006 Amazon przeprowadziła testy A/Bco doprowadziło doże 100 milisekundowe opóźnienie w szybkości załadunku oznaczało stratę około 1 procenta sprzedaży rocznie - innymi słowy: 1,6 miliarda dolarów.
  • Studia pokazują, że w ostatnich latach średni czas poświęcany na uwagę użytkowników zmniejszył się z 12 do 8 sekund. Więc gdy strona ładuje się na pięć sekund, zostają tylko trzy, aby przekonać użytkownika do treści. (Ważność tych danych jest przedmiotem debatyale jesteś po bezpiecznej stronie, jeśli założysz, że użytkownicy mają tendencję do spędzania mniej czasu nad twoją treścią, a nie więcej :-)
  • Zwłaszcza w przypadku witryn mobilnych szybkość załadunku ma duże znaczenie dla biznesu. W handlu elektronicznym czas ładowania ma zasadniczy wpływ na sprzedaż: jeśli strona jest zbyt wolna, ponad połowa klientów woli zostawić swoje pieniądze gdzie indziej. 53 procent użytkowników przeskakuje ze strony, jeśli strona w ich telefonie komórkowym ładuje się dłużej niż trzy sekundy. A w każdej sekundzie, w której załadowanie strony mobilnej trwa dłużej, operator strony traci 20 procent konwersji. I nie należy zaniedbywać ruchu ulicznego: Średnia Użyteczność Internetu za pośrednictwem urządzeń przenośnych jest już dzisiaj na około 87 minut, a Smartfon wyprzedził laptopa jako najbardziej popularne urządzenie internetowe.

Jak skłonić klientów do ignorowania PageSpeed Insights-score

Jak więc pomóc swoim klientom w uzyskaniu PageSpeed Insightswłaściwej oceny Google i nadać narzędziu mniejsze znaczenie? Oto podsumowanie najważniejszych argumentów:

  • PageSpeed-Score nie ma nic wspólnego z prędkością ładowania, ale ocenia, czy zostały wdrożone pewne środki, które są generalnie zalecane. Nie wszystkie z tych środków mają sens. Możesz zaoferować swoim klientom szczegółowe ich sprawdzenie i wdrożenie tych, które uważasz za sensowne.
  • Wynik PageSpeed nie ma znaczenia dla SEO. Czas do pierwszego bajtu (TTFB) jest uwzględniony w rankingu, a nie całkowity czas ładowania. Możesz zmienić tę wartość za pomocą Test strony internetowej podwyżka.
  • PageSpeed Insights Narzędzie sprawdza tylko "publicznie" dostępne czynniki. Na przykład, narzędzie nie może zobaczyć, jak radzi sobie baza danych (co jest dobre ze względów bezpieczeństwa). Dzięki schludnej bazie danych, smukłej Theme, która nie wysyła zbyt wielu żądań HTTP do serwera, a w Pluginsmiarę możliwości znacznie skraca czas ładowania. Ale na te czynniki mają wpływ PageSpeed Insights nie jest brany pod uwagę. Więc tak naprawdę wykonywanie WordPress stron nadal ma złe wyniki.
  • PageSpeed Insights w żadnym wypadku nie obejmuje wszystkich środków służących do optymalizacji wydajności. Przede wszystkim, uświadamiaj swoim klientom, jak ważny jest dobry hoster, który działa z HTTP/2 i najnowszą wersją PHP. Jeśli hosting nie jest dobry, można zoptymalizować stronę, jak chcesz, ale czas ładowania nie zmieni się zasadniczo.

Skupienie się tylko na wyniku PageSpeed jest jak zabranie konia do wyścigu Formuły 1. Nawet jeśli pomalujesz sierść konia na czerwono i zgolisz z boku logo Ferrari, nie wyprzedzisz samochodów wyścigowych.

Wniosek

Forbes, Time Magazine czy New York Times mogą nie mieć najlepiej wyglądających stron internetowych - ale są jednymi z najbardziej udanych WordPress na świecie. Wynika to z faktu, że konstrukcja, funkcja i szybkość współdziałają ze sobą w celu promowania harmonijnego ogólnego doświadczenia.

Jednak PageSpeed Insightswynik nie odzwierciedla tego. Regularnie przedstawia programistom wyzwanie polegające na wyjaśnianiu zainteresowanym klientom, że ich strona internetowa Nie znika w głębi wyników wyszukiwania, jeśli werdykt narzędzia jest "słaby". Czas ładowania strony zależy od wielu czynników, a wiele z nich nie jest nawet wyświetlanych przez narzędzia wysoce upraszczające, takie jak GooglePageSpeed Insights.

W związku z tym podczas pracy z tym narzędziem wskazane jest krytyczne przeanalizowanie propozycji pod kątem ich efektywności ekonomicznej oraz porównać wyniki badania z innymi wartościami (na przykład z tymi z Webpagetest lub Pingdom Tools).

Kto w końcu zdecyduje się wdrożenie proponowanych środkówpowinien w każdym przypadku zmierzyć rzeczywisty czas obciążenia przed i po, aby przetestować skuteczność optymalizacji (np. za pomocą naszego Ramy działania).

W dolnej części narzędzie wskazuje kilka standardowych środków (kompresja obrazów, użycie SSL i/lub HTTP/2, ustawienie buforowania, itp.) Dla dobrego samopoczucia użytkownika najważniejszymi czynnikami są jednak konstrukcja stron, zoptymalizowany pod względem czasu obciążenia wyświetlacz (którego narzędzie PageSpeed nie mierzy) oraz optymalizacja UX.

Czy zdarzyło ci się kiedyś doświadczyć złego wyniku PageSpeed? A może wiesz o niepokojących pytaniach klientów na ten temat? Możesz zostawić mi komentarz z twoimi doświadczeniami i wskazówkami.

Nowy PageSpeed Insights

YouTube

Pobierając film, akceptują Państwo politykę prywatności YouTube.
Dowiedz się więcej

Wideo z ładunkiem

PGlmcmFtZSBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUtbm9jb29raWUuuY29tL2VtYmVkL3drLUJIV1h1WHN3IiBhbGxvd2Z1bGxzY3JlZW49ImFsbG93ZnVsbHNjcmVlbiIgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMTUiIGZyYW1lYm9yZGVyPSIwIj48L2lmcmFtZT4=

Artykuły pokrewne

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola oznaczone są * Zaznaczone.