Google PageSpeed ​​Insights: jak osiągnąć najwyższy wynik i uzyskać więcej wyników?

Co lepsze: zrobić coś szybko czy zrobić to dobrze?

To pytanie wywołałoby ciekawą dyskusję w każdej rundzie konwersacji. Jednak celem tego artykułu jest pokazanie, że w wielu przypadkach są one tym samym, zwłaszcza jeśli chodzi o wrażenia użytkownika na stronach internetowych, blogach i aplikacjach.

Szybkość ładowania strony robi różnicę. To nie przypadek, że Google przywiązuje tak dużą wagę do tego czynnika, jeśli chodzi o ranking stron w wynikach wyszukiwania.

Nawet jeśli Twoja witryna ma idealny projekt dla Twojej osoby i przeglądałeś treść ponad tysiąc razy, aby upewnić się, że jest wystarczająco przejrzysta i prosta, Twoja strategia ucierpi, jeśli nie będziesz mieć lekkich i szybkich stron.

Na szczęście Google stworzyło narzędzie o nazwie Google PageSpeed ​​Insights, które pomaga ocenić (i poprawić) szybkość ładowania witryny .

Dowiedzmy się więcej o tym, jak działa ta funkcja i dlaczego musisz zacząć z niej korzystać już dziś, aby poprawić szybkość swojej witryny.

W tym artykule dowiesz się:

Co to jest Google PageSpeed ​​Insights?

PageSpeed ​​Insights, znany również jako PSI, to internetowe narzędzie Google, które ocenia szybkość ładowania strony internetowej.

Ocena oddziela wynik wydajności na urządzeniach mobilnych od wydajności na komputerach stacjonarnych, a także zawiera praktyczne sugestie dotyczące optymalizacji szybkości stron.

Dzięki temu PSI jest rozwiązaniem intuicyjnym i prostym w użyciu, nie wspominając o tym, że jest bezpłatne. Ale niektórzy ludzie uważają, że to nie jest istotne.

Wszystkie dane zebrane w celu udostępnienia tych statystyk są gromadzone za pomocą raportu Chrome User Experience Report, który zawiera informacje o rzeczywistym korzystaniu z sieci publicznej przez użytkowników Chrome.

Zrozumienie, co motywuje Google do tworzenia takiej funkcji, może pomóc Ci myśleć inaczej.

Co motywuje usługę taką jak Google PageSpeed ​​Insights?

Dwa małe słowa, które możesz już zmęczyć — user experience — podsumowują pracę Google w obronie i zachęcaniu do tworzenia szybszych, lżejszych stron.

Nikt nie lubi zbyt długo czekać na znalezienie potrzebnych informacji w przeglądarce. Pomyśl o swoim własnym doświadczeniu: ile razy byłeś niecierpliwy, czekając na załadowanie strony na telefonie lub nawet komputerze?

Jeśli przestaniesz o tym myśleć, zdasz sobie sprawę, że w większości przypadków to się zdarzało, że duże „opóźnienie” było tylko kwestią sekund. Jeśli więc użytkownikowi wydaje się, że 1 sekunda to tydzień, wolne witryny negatywnie wpływają na nawigację .

Google tego nie chce, ty też nie. W końcu złe doświadczenia przekładają się na mniej pieniędzy na stole.

W rzeczywistości ostatnie branżowe testy Google dotyczące szybkości stron mobilnych pokazują, że większość stron internetowych jest daleko poza doskonałością. I to się dzieje we wszystkich branżach.

To dobry powód, dla którego Google udostępnia te dane opinii publicznej, aby każdy mógł zobaczyć, że jest wiele do zrobienia.

Co się dzieje ze stronami, których ładowanie trwa zbyt długo?

Czy posiadanie strony, której ładowanie trwa o 1 sekundę dłużej niż przeciętna, ma tak duże znaczenie? Absolutnie!

Chcesz zobaczyć dowód? Badanie przeprowadzone przez Kissmetrics na ten temat wykazało, że 1-sekundowe opóźnienie skutkuje 7% mniejszą liczbą konwersji w witrynie.

Na przykład, jeśli e-commerce sprzedaje 100 tysięcy dolarów dziennie, tylko 1 sekunda więcej ładowania stron może kosztować nawet 2,5 miliona utraconych sprzedaży rocznie!

Brzmi absurdalnie? Zobacz kilka sposobów, w jakie czas ładowania strony wpłynąłby na Twoją działalność i wyniki sprzedaży.

Wyższy wskaźnik porzucania

Ta sama ankieta Kissmetrics, wspomniana powyżej, wykazała, że ​​zachowanie kupujących online jest dość zmienione w zależności od szybkości sklepu, w którym się znajdują.

Badanie wykazało, że co najmniej 40% klientów opuszcza witrynę , której ładowanie trwa dłużej niż 3 sekundy. Czy wiesz co to znaczy?

Że jeśli masz e-commerce, który ładuje się w 3,5 sekundy, możesz zmarnować prawie połowę potencjału ruchu i stracić dużo sprzedaży.

Mniej konwersji

Zadowolony klient kupuje dwa, trzy, dziesięć razy. Faktem jest, że jeśli Twoi klienci nie lubią zakupów, prawdopodobnie nie wrócą. A jak przyczynia się do tego czas ładowania stron?

Opóźnienie 1 sekundy (lub 3 sekundy oczekiwania) zmniejsza satysfakcję klienta o 16%!

Jako uzupełnienie tego spostrzeżenia, dobrym ostrzeżeniem jest świadomość, że 79% klientów, którzy twierdzą, że są niezadowoleni z postrzeganej wydajności witryny, nie zrobi w niej więcej zakupów.

Mniejszy ruch organiczny

Ruch jest źródłem relacji handlowych. Bez tego nie ma zakupu. A ruch organiczny jest jeszcze cenniejszy, ponieważ jest naturalny i kosztuje mniej niż inwestowanie w reklamy.

A jeśli myślałeś, że przynajmniej w tym przypadku szybkość strony internetowej nie będzie problemem, to się myliłeś. Kissmetrics pokazał również, że 44% kupujących mówi swoim znajomym o negatywnych doświadczeniach online .

W taki sam sposób, w jaki „poczta pantoflowa” może być bardzo pomocna w uzyskaniu kwalifikowanego ruchu organicznego, jest również odwrotnie: możesz stracić wizyty, tworząc złą reputację w oczach osoby.

W niedawnym badaniu przeprowadzonym przez Backlinko odkryli, że szybkość strony może mieć znaczący wpływ na rankingi SERP. Obejrzyj poniższy film, w którym pokazują wyniki badań.

Czy wiesz, co wyraźnie pokazują wszystkie przedstawione tutaj dane?

To, że pozornie nieistotny ułamek czasu faktycznie ma duży wpływ na to, jak będzie postrzegana Twoja firma i jakie wyniki finansowe osiągnie.

Innymi słowy, jeśli chodzi o prowadzenie biznesu online, czas to pieniądz , w sposób, który jest naprawdę oszałamiający.

Jak działa wynik Google PageSpeed ​​Insights?

Wynik, jaki Twoja witryna otrzymuje po wpisaniu adresu URL w PSI, nie jest losowy i nie może być. Musisz w pełni zrozumieć proces analizy, aby był dokładny i niezawodny.

Jakich więc kryteriów używa Google, określając, jaką ocenę powinna otrzymać każda strona internetowa?

Zasadniczo PageSpeed ​​Insights robi dwie rzeczy:

• analizuje czas ładowania Twojej strony oraz ilość posiadanych zasobów (wtyczki, skrypty kodu, które częściej komunikują się z serwerem i powodują, że strona ładuje się dłużej itp.);
• porównuje te dane ze średnią wszystkich analizowanych stron.

Po tym porównaniu PSI sporządza prosty, ale obiektywny raport, który pokazuje:

• jaki jest średni czas ładowania stron internetowych;
• jaki jest czas ładowania stron;
• ich końcowy wynik szybkości strony;
• sugestie sposobów optymalizacji czasu ładowania.

A jak działa ocenianie? Przechodzi od 0 do 100 i jest definiowany, gdy algorytm porównuje stronę z najlepszymi praktykami (stworzonymi przez samo Google), aby zoptymalizować wynik wydajności.

Na koniec ocena jest wydawana na podstawie tego, ile jest jeszcze miejsca na poprawę i optymalizację , tj. ile zalecanych punktów trzeba jeszcze zastosować.

Obok ponumerowanego wyniku znajduje się ranking tekstowy, który wygląda następująco:

• dobry: wynik od 80;
• średnia: wynik między 60 a 79;
• zły: wynik od 0 do 59.

Jeśli masz jakieś konkretne pytania dotyczące tego, jak używać i analizować te liczby, Google udostępnia kanał na Stack Overflow, w którym użytkownicy mogą odpowiedzieć na ich wątpliwości.

Jak korzystać z raportu Google PageSpeed ​​Insights?

Korzystanie z raportu PSI jest bardzo łatwe. Jak wyjaśniliśmy, wystarczy otworzyć link PageSpeed ​​Insights i wpisać swój adres URL, aby zobaczyć wynik.

Ale co wtedy? Musisz działać szybko, aby naprawić błędy i uzyskać lepsze wyniki. Tuż pod sugestiami znajdują się linki ze słowami „pokaż, jak to naprawić” .

Po ich kliknięciu zobaczysz, które pliki spowalniają stronę i jak sobie z nimi radzić, aby skrócić czas odpowiedzi serwera.

Otrzymanie diagnozy jest proste i szybkie, ale zrób to tylko wtedy, gdy jesteś gotowy, aby kontynuować „leczenie” i raz na zawsze zoptymalizować swoją witrynę.

Dlaczego ważne jest uzyskanie dobrego wyniku w PageSpeed ​​Insights?

Przede wszystkim dobra ocena na PageSpeed ​​Insights oznacza, że ​​witryna ma zadowalającą konfigurację SEO.

Dzieje się tak dlatego, że podobnie jak Mobile Friendly i Mobile First, szybkość ładowania na smartfonach jest jednym z kryteriów najczęściej komentowanych przez sam Google w ostatnich latach.

Ale korzyści idą dalej! Witryna z elastycznymi stronami znacząco wpływa na wygodę użytkownika, co przekłada się na niższe współczynniki odrzuceń, dłuższy czas odwiedzającego na stronie , zwiększony ruch i wzrost liczby potencjalnych klientów .

Jednak w e-commerce efekty są jeszcze bardziej krytyczne, ponieważ wskaźnik ten ma bezpośredni wpływ na sprzedaż i współczynniki konwersji, a także liczbę porzucanych koszyków.

Już w 2012 roku ankieta QuBit wykazała, że ​​sprzedaż detaliczna online traciła rocznie około 1,73 miliarda funtów (prawie 2,27 miliarda dolarów) w globalnej sprzedaży tylko z tego powodu. Teraz weź pod uwagę, że ponad 57% wyszukiwań w Internecie pochodzi z urządzeń mobilnych!

Kolejnym badaniem, które warto sprawdzić, jest ankieta przeprowadzona przez serwis Walmart w celu oceny wpływu czasu ładowania na konwersje. Wyniki mówią same za siebie.

Wszystko to zmienia nasze rozumienie podróży konsumenta. O ile wcześniej dostęp do Internetu i zakupy w sklepach internetowych ograniczały się do rezydencji, instytucji, domów jednorodzinnych, to dziś dzieje się tak cały czas i w kilku miejscach.

Ponadto znajomość platform cyfrowych, sprzedaży online i transakcji przez użytkowników również przyczyniła się do tego, że konsumenci stają się bardziej wrażliwi na jakość i bezpieczeństwo odwiedzanych przez nich stron internetowych .

W tym sensie powolne witryny, a zwłaszcza strony kasy i płatności z błędami wczytywania, nigdy nie wzbudzały tak dużego nieufności.

Jak osiągnąć najwyższy wynik w PageSpeed ​​Insights: 10 kluczowych czynników

Z pewnością masz oko na wynik 100 — najwyższy wynik i taki, który gwarantuje przychylne spojrzenie największej wyszukiwarki na świecie na Twoją stronę.

To świetnie, ale aby uzyskać wymarzony wynik, konieczne jest dokładne przestrzeganie zaleceń zawartych w raporcie i niezwłoczne zoptymalizowanie witryny .

Ponieważ każda witryna ma inną sytuację, omówimy 4 czynniki, które większość witryn z dobrymi (ale nie świetnymi) ocenami musi poprawić i jak możesz to zrobić.

1. Mniej kodu HTML

Optymalizacja kodu HTML może pozostać niezauważona, zwłaszcza jeśli Twoja witryna istnieje już od jakiegoś czasu lub została zbudowana bez przestrzegania najlepszych praktyk Google.

Faktem jest, że sposób organizacji kodu określa, w jaki sposób serwery będą odczytywać informacje i jak długo będą pojawiać się na ekranie.

Zduplikowany kod lub tagi użyte w niecelowy sposób przeszkadzają . Na szczęście nie ma potrzeby przeglądania całej struktury kodu, aby dokonać niezbędnych zmian.

Istnieją narzędzia do kompresji HTML, które mogą to zrobić automatycznie i szybko. Niektóre z nich działają nawet jako wtyczki CMS.

2. Dobre wykorzystanie pamięci podręcznej

W analizie PSI jednym z głównych analizowanych elementów jest liczba zasobów, których przeglądarka potrzebuje, aby przyswoić sobie z Twojej strony.

Obejmuje to obrazy, skrypty, czcionki itp. Wszystko to można „przechowywać w pamięci” przeglądarki za pośrednictwem pamięci podręcznej.

W ten sposób przeglądarka załaduje elementy tylko raz. Za każdym razem, gdy użytkownik zmieni strony, przeglądarka tylko je „zapamięta” i pobierze niezbędne informacje z pamięci podręcznej.

Musisz jednak zoptymalizować swoją witrynę, aby dobrze wykorzystać tę możliwość.

Wtyczki takie jak W3 Total Cache, jedna z najpopularniejszych na świecie, robią to znakomicie i oferują inne funkcje optymalizujące kod.

3. Kompresja zasobów

Jednym z najważniejszych elementów ładowania strony są obrazy, co sprawia, że ​​kompresja jest jedną z najczęściej powtarzanych rekomendacji PageSpeed ​​Insights.

Wiele osób zapomina kompresować obrazy , które bardzo ważą i spowalniają strony internetowe.

Ponieważ Internet staje się coraz bardziej wizualny, często występuje wiele plików tego typu. Nie ma więc nic lepszego niż użycie dobrego kompresora do zmniejszenia rozmiaru takich plików.

To samo dotyczy CSS i JavaScript. Razem z HTML tworzą całą stronę. Jest więc bardziej niż oczywiste, że kompresja tych plików znacznie poprawi ich postrzeganą wydajność, a także ogólną ocenę PSI.

Możesz użyć bezpłatnych narzędzi, takich jak TinyPNG, aby skompresować obrazy przed opublikowaniem ich na swoim blogu.

4. AMP: Przyspieszone strony mobilne

AMP (Accelerated Mobile Pages) to kolejna inicjatywa samego Google mająca na celu zapewnienie szybszego ładowania stron witryny na urządzeniach mobilnych.

Chodzi o to, aby oferować bardziej podstawowe wrażenia mobilne , bez rzeczy, które działałyby lepiej w wersjach na komputery stacjonarne. Usuwając te niepotrzebne funkcje, prędkość witryny rośnie.

To wyjaśnia, że ​​dla użytkownika lepiej jest mieć szybkie i proste wrażenia niż w pełni funkcjonalna wersja witryny, w której byłby zmuszony dłużej czekać na wyświetlenie treści.

5. Zmniejszony rozmiar stron

Oczywiście im więcej zasobów zawiera strona, tym cięższa będzie i tym dłużej zajmie jej ładowanie.

Ogólnie rzecz biorąc, to obrazy i filmy mają największy wpływ na wagę stron . Należy jednak wziąć pod uwagę całkowity rozmiar plików JavaScript i CSS. Spójrzmy na to wszystko w częściach.

6. Filmy przesłane zewnętrznie

Jeśli obrazy sprawiają, że Twoje strony są ciężkie, wyobraź sobie, czego nie robi z nimi film, prawda?

Z wyjątkiem bardzo szczególnych przypadków — takich jak bardzo ograniczone platformy lub treści wymagające wyższego stopnia bezpieczeństwa — zalecamy, aby Twoje filmy były zawsze hostowane na zewnątrz , jak wyjaśniliśmy w poprzednim podtemacie.

Najczęściej używane media to YouTube i Vimeo, platformy, które nie tylko pozwalają na łatwą integrację swoich odtwarzaczy z innymi witrynami, ale także pomagają promować Twoją markę i poprawiać wyniki wyszukiwania.

Jeśli udostępniasz treści o ograniczonym dostępie, takie jak płatne kursy online, oba media oferują opcje niepubliczne, czyli funkcję, która ukrywa Twój film przed wyszukiwaniami i umożliwia dostęp tylko za pomocą jednego linku, który możesz dołączyć — na przykład HTML — na swoich stronach.

7. Zminimalizowane pliki JavaScript i CSS

Jest to mniej widoczny problem i prawdopodobnie dlatego jest tak zaniedbywany: ta sama ankieta SEMrush wykazała, że 68% witryn zawiera niezminifikowane pliki JavaScript i CSS .

Minimalizacja, jak wyjaśnia sam termin, oznacza zmniejszenie lub uproszczenie tych kodów, co można zrobić, usuwając niepotrzebne wiersze, niepotrzebne komentarze i spacje.

Pliki te kryją się za całą wizualizacją Twojej witryny i czasami są pisane z nadmiarem, aby ułatwić przyszłą edycję. Można je również zmieniać za pomocą różnych wtyczek.

Ale nie martw się, nie musisz opanować żadnego z tych języków, aby wykonać tę procedurę. Jest kilka narzędzi, które zrobią to za Ciebie:

• Szybka minimalizacja prędkości;
• WP Super Minifikacja;
• Kompresor online YUI.

Pamiętaj jednak, aby wykonać kopię zapasową przed użyciem któregokolwiek z tych rozwiązań.

Zawsze będzie możliwość, że procedura ma wpływ na motyw witryny lub jakiś plik. Dlatego bądź ostrożny i wykonaj kilka testów.

8. Skompresowane pliki

Gzip to format kompresji plików internetowych, który działa jak prawdziwy symbol wieloznaczny dla tych, którzy walczą o dobry wynik szybkości strony.

Dzięki skompresowaniu plików CSS, JavaScript i HTML w bazie danych rozmiar stron może zostać zmniejszony o połowę, jeśli nie więcej.

A ponieważ wszystkie dzisiejsze przeglądarki są kompatybilne z tą funkcją, nic się nie zmienia dla tych, którzy uzyskują dostęp do witryny.

Niektóre serwery robią to już automatycznie — możesz sprawdzić, czy Twoja witryna oferuje tego typu usługi, testując swój adres URL w witrynie Varvy SEO Tool. Ale jeśli tak nie jest, możesz wykorzystać buforowanie przeglądarki za pomocą wtyczek, takich jak WP Fastest Cache, który oferuje tę opcję.

9. Czyste przekierowania

Często to nie ładowanie strony wpływa negatywnie na szybkość witryny, ale sekwencja przekierowań zmusza przeglądarki do załadowania kilku stron w minimalnym czasie.

Ten problem jest dość powszechny w bardzo dużych witrynach, które dokonały już wielu migracji adresów — zmiany protokołu (na przykład HTTPS), zduplikowane strony (niektóre z www, inne nie), zmiany kategorii, struktury adresów URL itp.

Te przekierowania kumulują się i sprawiają, że ścieżka linku do twoich stron jest coraz dłuższa.

Dlatego staraj się aktualizować mapę witryny , aby użytkownicy mogli bezpośrednio dotrzeć do aktualnych adresów Twojej witryny, i wdrażaj tylko absolutnie niezbędne przekierowania — takie jak strony z ważnymi linkami zewnętrznymi.

Jeśli chodzi o pozostałe, usuń je jak najszybciej!

10. Poprawiona wydajność serwera

Jest to bardziej zauważalny problem w blogach, kanałach informacyjnych i e-commerce, które otrzymują duży ruch.

Wraz z ewolucją Twojego projektu w Internecie konieczne są zmiany, aby utrzymać tempo wzrostu. Jednym z nich jest Twój plan hostingowy.

Na przykład we wspomnianych sytuacjach zaleca się zainwestowanie w serwer dedykowany, który może obsłużyć dużą liczbę jednoczesnych odwiedzających, a także zmniejszyć spowolnienie i przestoje systemu.

Sklepy wirtualne, które nie są przygotowane na okresy większego popytu – takie jak Czarny piątek czy Boże Narodzenie – są zazwyczaj zaskoczone tymi podstawowymi problemami.

Istnieją jednak inne czynniki, które mogą wpływać na wydajność serwera, takie jak przestarzałe oprogramowanie, powolne zapytania do bazy danych, ograniczenia pamięci, a nawet lokalne zarządzanie zasilaniem lub awarie chłodzenia komputera.

Dlatego upewnij się, że aktywujesz wsparcie swojej firmy hostingowej na wypadek, gdyby Twoja witryna nadal działała powoli, i zawsze wybieraj renomowane i dobrze polecane firmy przy wynajmie tego typu usług.

Czy PageSpeed ​​powinien być moim jedynym punktem odniesienia?

Być może natknąłeś się już na strony zawierające minimalne liczby do oceny w PageSpeed ​​Insights.

Niektórzy twierdzą, że ideałem jest uzyskanie wyniku powyżej 95 punktów, inni twierdzą nawet, że konieczne jest osiągnięcie 100 punktów, przynajmniej na komputerze. Nie daj się ponieść tym uogólnieniom!

W grę wchodzi wiele zmiennych i nie zawsze jest interesujące rezygnacja z niektórych funkcji — takich jak monitorowanie, śledzenie i piksele konwersji — na kilka milisekund krócej podczas ładowania. Każdy przypadek jest wyjątkowy.

Google zastrzega, że każdy wynik powyżej 90 punktów jest uważany za idealny , od 50 do 89 oznacza, że ​​witryna wymaga podstawowych poprawek, a tylko te poniżej 50 wskazują na potrzebę krytycznych napraw.

Dodatkowo, choć szybkość strony ma autorytet giganta wyszukiwania, jego narzędzie ma istotne ograniczenia: analiza odbywa się przez serwer o nieznanej lokalizacji, a testy mobilne biorą za parametr połączenie 3G .

Dlatego potraktuj wyniki dotyczące szybkości strony jako punkt odniesienia, ale nie pozwól, aby jego raporty stały się obsesją.

Ciekawą wskazówką jest przetestowanie strony w innych narzędziach i porównanie danych z nich wszystkich. Sprawdź kilka opcji poniżej!

GTmetrix

Jego zasada jest taka sama, jak w przypadku każdego innego narzędzia tego rodzaju, ale dzięki GTmetrix możesz również porównać postrzegany wynik wydajności swojej witryny ze średnimi rynkowymi w całkowicie bezpłatnym środowisku.

Pingdom

Pingdom jest idealnym rozwiązaniem dla tych, którzy potrzebują bardziej kompletnych raportów i są gotowi za to zapłacić.

Analizuje dane z różnych części świata, a platforma wysyła nawet alerty po wykryciu problemu.

Analizator sceny rockowej

Aby uzyskać bardziej dokładną analizę, naszym rozwiązaniem jest Stage Analyzer, kompletny analizator wydajności zaprojektowany, aby pomóc Ci zidentyfikować błędy i możliwości rozwoju w Twojej witrynie.

Stage Analyzer wykonuje pełne skanowanie Twojej witryny pod kątem błędów konfiguracji i adresów URL, nieprawidłowego skalowania obrazu, a także błędów i niedociągnięć SEO, a także innych czynników, które mogą negatywnie wpływać na wrażenia użytkownika na Twoich stronach.

W ciągu zaledwie dwóch minut otrzymasz przydatną listę zaleceń, które pomogą Ci krok po kroku wprowadzić ulepszenia, których potrzebuje Twoja witryna. W rzeczywistości witryny WordPress najprawdopodobniej mają lepsze wyniki wydajności.

Wszystko to z jakością i doświadczeniem, jakie może zaoferować tylko wiodąca firma zajmująca się marketingiem treści w Ameryce Łacińskiej.

Jak widać, ważne jest, aby uzyskać dobrą ocenę w Google PageSpeed ​​Insights, ale to tylko jeden z wielu parametrów, których używamy do optymalizacji i monitorowania wyniku wydajności witryny.

Ten artykuł kończy się tutaj, ale możesz – i powinieneś – zacząć wprowadzać ulepszenia do swojego bloga lub sklepu internetowego już teraz.

Przeanalizuj wydajność swojej witryny za pomocą narzędzia Rock Content's Stage Analyzer i uzyskaj pełny raport SEO, który poprowadzi Twoją strategię!