Historie sukcesu Google Lighthouse: poprawa wydajności dzięki optymalizacji technicznej

Dzięki Google Lighthouse możesz szybko i łatwo ocenić wydajność techniczną dowolnego adresu URL. Szczegółowe testy mierzą czasy ładowania, dostępność i bezpieczeństwo w sieci, a jednocześnie ujawniają potencjał poprawy infrastruktury technicznej strony internetowej. W tym wpisie na blogu chciałbym podzielić się przykładami firm, które z powodzeniem wykorzystały Google Lighthouse, aby zwiększyć swoją wydajność online. Dowiedz się, w jaki sposób azjatycki rynek Carousell wykorzystał Lighthouse do wygenerowania o 63% większego ruchu organicznego, jak wyniki wyników witryn TripAdvisor i Expedia w Lighthouse są skorelowane z rankingami Google i nie tylko.

Jeśli szukasz przeglądu tego, czym jest Google Lighthouse i jak ma to znaczenie dla rankingów w wyszukiwarkach, możesz zacząć od przeczytania naszego raportu dotyczącego Searchmetrics „Google Lighthouse Ranking Factors 2019”. Artykuł analizuje aktualny stan optymalizacji witryn o najwyższej pozycji w Google.com na podstawie danych z ponad 15 milionów audytów Google Lighthouse. Pobierz oficjalny dokument tutaj:

Google Lighthouse Ranking Factors 2019

Historia sukcesu 1: Jak azjatycki eBay podniósł swoją wydajność w latarni morskiej z 17 do 84 punktów

Nasze pierwsze studium przypadku dotyczące latarni morskiej pochodzi z odpowiedzi udzielonej przez Azję w serwisie eBay, carousell.com. Platforma singapurska opiera się głównie na ruchu mobilnym i z myślą o ekspansji na inne kraje azjatyckie, takie jak Indonezja i Filipiny, szukała sposobu na zwiększenie czasu ładowania mobilnego swojej progresywnej aplikacji internetowej: „Posiadanie strony internetowej wymaga więcej niż 15 sekund na załadowanie ponad 3G (tak jak nasze) jest niedopuszczalne, jeśli chcemy pozyskać i utrzymać naszych nowych użytkowników”, wyjaśnia Stacey Tay, kierownik ds. technologii internetowych w firmie Carousell, w poście na blogu na Medium, w którym opisuje, w jaki sposób Carousell podszedł do optymalizacji wydajności technicznej ich witryny.

Przede wszystkim, jak wyjaśnia Stacey, wyniki ich wstępnych audytów w Lighthouse były sygnałem alarmowym – wynik Performance wyniósł zaledwie 17 punktów, a wyniki w kategoriach Progressive Web App i Accessibility były bardzo przeciętne. Tylko wyniki w dwóch kategoriach, SEO i Najlepsze praktyki, które skupiają się na aspektach bezpieczeństwa witryny, takich jak HTTPS czy bezpieczne biblioteki JavaScript, były zadowalające.

Na podstawie tych wyników optymalizacja była ukierunkowana przede wszystkim na poprawę wyników w kategoriach Lighthouse: Performance i Progressive Web App. Porównanie wyników Lighthouse Carousell.com przed i po pokazuje, jak duży postęp poczyniono w tych obszarach:

Techniczne działania optymalizacyjne zostały przeprowadzone w 2018 roku – pod koniec października Stacey Tay udokumentowała sukces na Medium. Jeśli przyjrzymy się widoczności SEO witryny carousell.com w jej ojczystym kraju, Singapurze, zauważymy wyraźną poprawę wydajności:

Przed wdrożeniem zadań niezbędnych do optymalizacji ustalono jasny cel misji:

„Chcieliśmy zapewnić nowym użytkownikom wspaniałe wrażenia od samego początku, ponieważ wydajność to wrażenia użytkownika. W tym celu zaprojektowaliśmy nowe środowisko internetowe zorientowane na wydajność”. Stacey Tay, kierownik ds. technologii internetowych w firmie Carousell

Ta misja położyła podwaliny pod techniczną optymalizację serwisu. Co ważne, nie był to projekt poboczny, miał wysoki priorytet i dedykowany budżet zadaniowy. Mając tę ​​misję, pisze Stacey, łatwiej było zmotywować zespół, przekonać kierownictwo o wadze projektu i uzasadnić inwestycję poprzez wykazanie sukcesu projektu.

Po uzgodnieniu budżetu ustalono cele na podstawie wyników w audytach Google Lighthouse:

Jak wspomniano wcześniej, wynik wydajności przed optymalizacją wynosił zaledwie 17 punktów. Po zoptymalizowaniu strony głównej carousell.com osiągnęli wynik 84 punktów. Aspekty infrastruktury witryny, które zostały rozwiązane, obejmowały skonfigurowanie bardziej efektywnego systemu buforowania z buforowaniem wstępnym i pracownikami serwisowymi w obszarze roboczym, kompresowaniem obrazów i stosowaniem podpisywania CSS. Razem te działania przyczyniły się do stworzenia szybkiej, przyjaznej dla użytkownika Progressive Web App – i tak strona ładuje się teraz:

Niepodważalne dowody na sukces optymalizacji wydajności firmy Carousell można znaleźć w liczbach. Oprócz skrócenia czasu wczytywania o 65%, największą poprawę można zauważyć we wzroście ruchu. Od czasu optymalizacji ruch organiczny w Carousell wzrósł o 63%:

Przeczytaj Google Lighthouse Ranking Factors 2019

Historia sukcesu 2: Jak firma Staples i Walmart wykorzystały krótsze czasy ładowania do zwiększenia liczby konwersji

Mówiąc o optymalizacji czasów ładowania, jest kilka statystyk Google, które są często używane jako punkty odniesienia. Na przykład wraz ze wzrostem czasu ładowania rośnie prawdopodobieństwo powrotu użytkownika mobilnego do wyników wyszukiwania. Jeśli czas ładowania wzrośnie z jednej do trzech sekund, prawdopodobieństwo współczynnika odrzuceń wzrasta o 32%; jeśli czas ładowania skróci się od jednej do pięciu sekund, prawdopodobieństwo odrzucenia wzrośnie o 90%.

Narzędzie do analizy szybkości strony GTmetrix zbadało konkretne korzyści płynące ze skrócenia czasu wczytywania, przyglądając się szerokiej gamie witryn detalicznych. Przykłady obejmują dużych detalistów, takich jak Staples i Walmart, i pokazują wyraźną korelację między szybszym czasem ładowania a zwiększonymi współczynnikami konwersji.

Przeczytaj Google Lighthouse Ranking Factors 2019

Historia sukcesu 3: Jak Douglas skrócił czas ładowania o połowę

Teraz zwracamy się do niemieckiego giganta perfum, Douglasa, który wykorzystał Google Lighthouse do znacznej poprawy wydajności swojej strony internetowej. Ich historia sukcesu sięga Czarnego Piątku 2017 roku, kiedy ogromny wzrost ruchu spowodował, że strona była niedostępna dla niektórych użytkowników. Wyniki Google Lighthouse Performance w tamtym czasie również wskazywały na wyraźne pole do poprawy. Michael Singer, niezależny konsultant Tech SEO z siedzibą w Monachium, który pracował nad projektem dla douglas.de, a od maja 2018 r. koordynował operacje między IT i SEO, wyjaśnia: „Przed optymalizacją czas potrzebny na interaktywność w 3G wynosił ponad 20 sekund. – teraz skróciliśmy to do około 8 sekund.”

Aby osiągnąć ten imponujący wynik w audycie Google Lighthouse, pod maską strony internetowej sprzedawcy perfum wprowadzono istotne zmiany. „Przejrzeliśmy ponad 200 zgłoszeń technicznych” — wyjaśnia Michael i przypomina liczne wprowadzone zmiany: subdomena mobilna została dezaktywowana; użytkownicy mobilni trafiają teraz do responsywnej głównej domeny www Douglasa. Douglas.de został również przekonwertowany na JS React, który zmniejsza liczbę węzłów i żądań, kompresuje HTML i zmniejsza rozmiary obrazów. Zmniejszono również opóźnienie bazy danych i zaimplementowano kilka optymalizacji pamięci podręcznej.

„W centrum naszej pracy jest użytkownik, który powinien móc jak najszybciej korzystać z serwisu. Celem naszej optymalizacji szybkości strony było sprowadzenie pierwszej interakcji do czasu 4 sekund. To, wraz z przejściem na JS React i przejściem na jedną responsywną wersję strony internetowej, doprowadziło do znacznego wzrostu naszej widoczności SEO, większego ruchu i wzrostu obrotów.” Michael Singer, niezależny konsultant ds. SEO

Te optymalizacje, wykorzystujące wyniki Google Lighthouse Performance, spowodowały znaczną poprawę czasu ładowania strony. „Aby zweryfikować wskaźniki, przeprowadzamy testy prędkości w czasie rzeczywistym z Instana, które pokazują nam długoterminowe efekty. W kwietniu 2018 r. wartości dla komputerów stacjonarnych nadal wynosiły ponad 8 sekund. W październiku 2018 r. często trafialiśmy w 4 sekundy”. Poprawiono również techniczną dostępność strony, dzięki czemu można teraz lepiej radzić sobie ze szczytami ruchu, takimi jak ten, który wystąpił w Czarny piątek.

Ta optymalizacja wydajności przyniosła natychmiastowy zwrot w widoczności SEO witryny douglas.de. Od maja 2018 r. do maja 2019 r. domena odnotowała wzrost widoczności organicznej o 25%.

Oczywiście Searchmetrics SEO Visibility to tylko jeden z początkowych wskaźników wydajności witryny w Google. Michael Singer dostarcza dalszych informacji na temat innych wskaźników KPI, na które wpłynęła optymalizacja serwisu douglas.de. „Wizyty znacznie wzrosły, a obroty również odnotowały silny wzrost”, mówi Michael. W podobnym stopniu wzrósł również współczynnik konwersji, nie tylko dlatego, że SEO jest kanałem, który przynosi największe obroty douglas.de.

Wyniki optymalizacji Douglasa w skrócie:

• Czas ładowania strony -50%
• Widoczność SEO +25%
• Duży wzrost wizyt, konwersji i obrotów.

Przeczytaj Google Lighthouse Ranking Factors 2019

Historia sukcesu 4: Jak skuteczność adresów URL wpływa na rankingi Google dla TripAdvisor i Expedia

Aby zbadać związek między wynikami Lighthouse Performance a rzeczywistymi rankingami Google, postanowiłem przeprowadzić analizę w branży turystycznej. Zebrałem 3500 słów kluczowych związanych z podróżami, związanych z hotelami, lotami i przyczepami kempingowymi, i przeanalizowałem strony rankingowe w Google.com, a także przyjrzałem się pozycjom w rankingu serwisów TripAdvisor i Expedia dla tych słów kluczowych. Wynik: TripAdvisor i Expedia plasują się wysoko, gdy ich wydajność Google Lighthouse jest również wysoka:

Dlaczego jest tu taki wyraźny związek? Internetowa branża turystyczna jest bardzo konkurencyjna i walczy z nią wielu dużych graczy. Oprócz TripAdvisor i Expedia masz też Booking.com, Hotels.com, FlightRadar itp., z których wszystkie cieszą się wysokim poziomem zaufania i są dobrze ugruntowanymi, popularnymi markami. Jednocześnie trudno jest rozróżnić poszczególne marki. W wielu przypadkach treść, np. opis hotelu, będzie bardzo zbliżona – to sprawia, że ​​trudno będzie stronie internetowej wyróżnić się dużym USP. A jeśli kilka sygnałów rankingowych jest w dużej mierze takich samych – podobnej wielkości marka, podobny interfejs, podobne funkcje, podobna treść – to wydajność witryny prawdopodobnie będzie decydującym czynnikiem przy ustalaniu rankingu.

„ Szybki czas ładowania jest niezwykle ważny dla dobrego doświadczenia użytkownika. Każda przerwa podczas interakcji ze stroną internetową powoduje niewielką frustrację, a frustracja użytkownika rośnie, im więcej pojawia się przerw. Jeśli czas wczytywania wydłuży się tylko o kilka sekund, to wiele witryn internetowych wykazuje wzrost współczynnika odrzuceń – co ostatecznie prowadzi do spadku współczynnika konwersji.” Nils Kattau, specjalista ds. konwersji

Aby dowiedzieć się, jak trafne są wyniki Google Lighthouse dla Twojego rynku, możesz pracować z dostosowanymi współczynnikami rankingu Searchmetrics. Analizujemy dane Google Lighthouse dla Twojego odpowiedniego rynku, łączymy je z naszymi własnymi danymi rankingowymi Searchmetrics i dostarczamy konkretne, praktyczne zalecenia dotyczące technicznej optymalizacji Twojej witryny. Poproś o swój osobisty raport już dziś:

Poproś o spersonalizowany audyt latarni morskiej Searchmetrics