Cztery sposoby na poprawę szybkości strony i opanowanie podstawowych wskaźników internetowych

Google właśnie zaktualizował swój algorytm wyszukiwania, dzięki czemu jest doskonałą okazją do poprawienia rankingu stron Twojej witryny dzięki tym wskazówkom dotyczącym podstawowych wskaźników internetowych.

Najnowsza poważna aktualizacja algorytmu wyszukiwania Google koncentruje się w dużej mierze na doświadczeniu użytkownika dzięki nowemu zestawowi wskaźników współczynnika rankingu, zwanym Core Web Vitals. Wczesne wyniki audytów Core Web Vital pokazują, że przeciętna witryna działa poniżej tych nowych standardów. Badania Searchmetrics wykazały, że witryny mogą skrócić czas ładowania strony średnio o prawie jedną sekundę, usuwając nieużywany JavaScript.

Daje to niesamowitą okazję do prześcignięcia innych witryn poprzez poprawę rankingów własnych stron.

Oto wszystko, co musisz wiedzieć o Core Web Vitals oraz cztery proste kroki, aby poprawić swoje wskaźniki.

Treści tworzone we współpracy z Searchmetrics.

Jakie są podstawowe wskaźniki internetowe?

Podstawowe wskaźniki internetowe są rozszerzeniem sygnałów Google dotyczących jakości strony, które obejmują przyjazność dla urządzeń mobilnych i HTTP. Trzy podstawowe wskaźniki internetowe mierzą wydajność ładowania, interaktywność i stabilność wizualną, które według Google zapewniają dokładny obraz rzeczywistego doświadczenia użytkownika.

1. Największe malowanie treści (LCP) mierzy czas ładowania największego obrazu lub bloku tekstu widocznego z punktu widzenia użytkownika.
2. Opóźnienie pierwszego wejścia (FID) mierzy interaktywność na stronie, obliczając czas od pierwszej interakcji użytkownika z witryną do czasu reakcji przeglądarki na tę interakcję.
3. Kumulatywne przesunięcie układu (CLS) odnosi się do przesunięcia treści podczas renderowania strony.

Jak sprawdzić statystyki dotyczące szybkości strony

Istnieje wiele narzędzi online, które sprawdzają Twój wynik w rankingu stron, w tym PageSpeed ​​Insights, Raport z doświadczeń użytkowników Chrome, Audyt Lighthouse i Search Console. Witryny te mierzą szybkość strony w różnych elementach i wyświetlają wyniki za pomocą systemu sygnalizacji świetlnej. PageSpeed ​​Insights przedstawia zestawienie wyników i wskazuje obszary wymagające poprawy.

Co oznacza „dobra” wydajność w liczbach?

Aby zapewnić dobre wrażenia użytkownika, LCP powinno nastąpić w ciągu 2,5 sekundy od pierwszego uruchomienia strony. Strony powinny mieć FID mniejszy niż 100 milisekund i utrzymywać CLS mniejszy niż 0,1.

Witryny, takie jak Wikipedia, mają najwyższy wynik szybkości strony ze względu na lekkie podejście do projektowania stron internetowych, wykorzystujące głównie tekst i zoptymalizowane obrazy. Witryny, które w dużej mierze opierają się na treściach wideo i obrazach, ładują się wolniej i pogarszają komfort użytkowania. Dlatego istnieje równowaga między projektem a doświadczeniem użytkownika.

Zobacz, gdzie zajmuje Twoja witryna. Wizyta Statystyki PageSpeed i wprowadź swój adres URL. Uwaga: najwyższa liczba to Twój wynik Lighthouse, zwany również wynikiem PageSpeed, mierzony od zera do 100. Jest to dobry ogólny test porównawczy wydajności Twojej witryny. Nie jest to całkowicie powiązane z trzema podstawowymi wskaźnikami internetowymi, które należy postrzegać jako analizę LCP, FID i CLS.

Jak poprawić szybkość swojej strony

Pasowanie jest uważane za uzyskanie „dobrego” wyniku we wszystkich trzech obszarach. Wprowadzanie niewielkich zmian może poprawić wynik szybkości strony nawet o jedną sekundę, co może zmienić wynik witryny ze „słabego” lub „wymaga poprawy” w LCP na „dobry”. Skrócenie czasu ładowania sprawi, że użytkownicy będą szczęśliwsi i zwiększy ruch w witrynie.

Tom Wells, ekspert ds. kreatywnego marketingu w Searchmetrics, mówi:

„Wszystko, co nie jest potrzebne na stronie internetowej, nie powinno tam być”.

Mówiąc prościej, zidentyfikowanie i usunięcie elementów, które nie są używane lub mają cel merytoryczny, może poprawić wynik szybkości strony w witrynie.

1. Powiększone obrazy

Źle zoptymalizowane obrazy są jedną z głównych przyczyn wpływających na wynik LCP witryny, ponieważ jest to zwykle największy element do załadowania. Firmy e-commerce i te, które w dużym stopniu polegają na obrazach, mogą mieć gorsze wyniki LCP ze względu na renderowanie stron wielu obrazów o wysokiej rozdzielczości.

Optymalizacja tych zasobów za pomocą responsywnego projektowania lub formatowania obrazu nowej generacji, takiego jak WebP, JPEG 2000 i JPEG XR, może poprawić wynik, skracając czas renderowania. Często obrazy można skondensować do znacznie mniejszych rozmiarów bez wpływu na jakość obrazu. Darmowe zasoby, takie jak Squoosh, mogą to zrobić za Ciebie.

2. Treści dynamiczne i reklamy

Wczytywanie reklam na stronie internetowej jest jedną z głównych przyczyn złego wyniku CLS. Może to sprowadzać się do elementów na stronie, które przesuwają się w celu dostosowania do reklam dynamicznych, co zmniejsza wygodę użytkowników.

Korzystanie z inteligentnej metody implementacji, takiej jak przydzielanie atrybutów rozmiaru lub pól współczynnika proporcji CSS dla wszystkich reklam, filmów i elementów graficznych, to jeden ze sposobów na ograniczenie zmian treści. Niektóre firmy mogą używać wtyczki lub kodu w górnej części witryny do umieszczania reklam. Może to jednak prowadzić do spowolnienia witryny, wpływając negatywnie na wrażenia użytkownika i pośrednio wpływając na rankingi.

Ponadto nigdy nie umieszczaj treści na istniejącej treści, z wyjątkiem odpowiedzi na określone interakcje użytkownika, ponieważ zapewnia to wszelkie zmiany układu. Na przykład, gdy klikniesz przycisk CTA i pojawi się formularz, jest wyjątkiem.

3. Gospodarka sieciowa zorientowana na wtyczki

Wtyczki mogą działać jak „plaster na pęknięcia”, aby rozwiązać problemy z witryną, mówi Wells. Pomimo stworzenia tymczasowej poprawki, może spowolnić i utrudnić działanie sieci, ponieważ cały kod musi się załadować, zanim użytkownik będzie mógł w pełni wejść w interakcję ze stroną internetową.

Korzystanie z wtyczek może zwiększyć liczbę żądań serwera i wydłużyć czas wykonywania javascriptu. Wszystkie te czynniki mogą obniżyć wynik FID witryny.

„Często szukamy zaawansowanych poprawek i rozwiązań, ale czasami jest to tak proste, jak usunięcie tego, co nie jest potrzebne”, mówi Wells.

Dlatego usunięcie niektórych wtyczek, zwłaszcza nieużywanych, może poprawić reaktywność i szybkość działania strony.

4. Za dużo kodu

Google radzi skupić się na ogólnej wydajności witryny.

„Niezwykle ważne jest, aby responsywne i dobrze oceniane witryny internetowe były tak lekkie, jak to tylko możliwe”, mówi Wells.

„Im więcej rzeczy musi załadować serwer, tym wolniejszy będzie czas ładowania”.

Chociaż nieużywane CSS i JavaScript mogą nie wpłynąć bezpośrednio na wynik szybkości strony, nadal mogą wpływać na czas ładowania witryny, powodować rozdęcie kodu i negatywnie wpływać na wrażenia użytkownika.

Kiedy powinienem zacząć?

Wdrażanie nowego algorytmu przez Google rozpoczęło się w połowie czerwca, więc warto zacząć od sprawdzenia, jak dobrze Twoja witryna wypada w testach szybkości stron. Witryny, które mają dobrą pozycję w rankingu, mają zwykle wyższe wyniki w kluczowych wskaźnikach sieciowych i tendencja ta będzie się utrzymywać, ponieważ Google kładzie większy nacisk na wrażenia użytkownika.
___
autor: Aoife Morgan
źródło: SearchEngineWatch