Optymalizacja wydajności sieci w 2024 r.: trendy i prognozy

W ciągu jednego dnia przeglądamy około 130 stron internetowych, czekając około 6 sekund na załadowanie każdej z nich.

Oznacza to, że każdego dnia spędzasz bezczynnie 13 minut nad ekranem – i ponad 17 minut, jeśli rozmawiasz na telefonie.

Nic dziwnego, że optymalizacja wydajności sieci (WPO) nadal przesuwa granice w poszukiwaniu lepszych sposobów na odzyskanie części straconego czasu. Albo przynajmniej upewnij się, że czekamy jak najkrócej.

Przyjrzyjmy się najbardziej znaczącym osiągnięciom z ostatnich 12 miesięcy i przygotujmy się na wykorzystanie subtelnych trendów, które zobaczymy w 2024 roku!

Szybszy internet: gdzie teraz jesteśmy?

Tylko w 2023 r. wydajność sieci uległa znacznej ewolucji, czego dowodem są w szczególności imponujące postępy w Core Web Vitals (CWV).

Wskaźniki reprezentujące szybkość ładowania, responsywność interakcji i stabilność układu wyznaczyły nowe standardy wydajności witryny.

Prawdziwym świadectwem tego postępu jest zdumiewająca oszczędność czasu oczekiwania wynosząca 10 000 lat – monumentalne osiągnięcie wynikające z ulepszeń wprowadzonych do Core Web Vitals.

To ogromne skrócenie czasu oczekiwania dotyczy platform stacjonarnych i mobilnych, co podkreśla znaczny wpływ tych ulepszeń na wygodę użytkowników w całej sieci.

Co więcej, dane z archiwum HTTP mówią wiele o rosnącym przyjęciu i wdrażaniu podstawowych wskaźników internetowych.

Witryny internetowe, które przeszły ocenę Core Web Vitals, odnotowały znaczny wzrost, odzwierciedlający wzrost o 6% w samym 2023 r . Ten skok sygnalizuje wspólny wysiłek twórców stron internetowych, właścicieli witryn i produktów na całym świecie, mający na celu ustalenie priorytetów i optymalizację swoich witryn w celu zapewnienia wszystkim płynniejszego, szybszego i bardziej przyjaznego dla użytkownika przeglądania.

Obecnie w raporcie obsługi użytkownika przeglądarki Chrome (CrUX) znajduje się ponad 6,5 miliona kwalifikujących się źródeł.

Stan podstawowych wskaźników internetowych: retrospektywa i osiągnięcia

Na początku 2023 r. 41,8% witryn internetowych przeszło testy Core Web Vitals. Od tego czasu obserwujemy stały wzrost, a współczynnik przepustowości komputerów stacjonarnych wzrósł do 47,4%.

Jak udało się osiągnąć tak spektakularne wyniki? Zobaczmy, jakie zmiany wprowadziła Chrome i szerszy ekosystem.

Rozwój przeglądarki Google Chrome

Główne udoskonalenia zostały opracowane bezpośrednio przez zespół programistów Google Chrome:

• Prawdopodobnie największą wiadomością w Core Web Vitals na rok 2023 jest oficjalne wdrożenie nowego wskaźnika responsywności – Interakcja z następną farbą (INP) . INP ma zastąpić FID w marcu 2024 r. jako bardziej kompleksowy sposób pomiaru wszystkich interakcji podczas sesji, a nie tylko pierwszej, jak jego poprzednik.
• Wprowadzenie pamięci podręcznej Wstecz/dalej (bfcache) do przeglądarki Chrome: zaprojektowanej, aby pomóc Ci szybko cofnąć się lub przejść do historii przeglądania bez czekania na ponowne załadowanie strony.

Wyniki: współczynnik trafień BFCache poprawiał się z miesiąca na miesiąc zarówno na Androidzie (3,6%), jak i na komputerze stacjonarnym (1,8%)

• Nowa funkcja PreconnectOnAnchorInteraction , która łączy się ze źródłami przy wskaźniku w dół, a nie w górę.

Wyniki: Doprowadziło do mediany poprawy LCP o 6/10 ms (0,4/1%) na Androidzie/komputerze stacjonarnym i poprawy LCP między źródłami o ~60 ms zarówno na Androidzie, jak i na komputerze stacjonarnym. Wprowadzenie na rynek zaowocowało również wzrostem przychodów z reklam treściowych o 0,08%.

• Wstępne renderowanie stron , aby ładowały się natychmiast, zanim użytkownik faktycznie je odwiedzi.

Wyniki: strony ładowane poprzez wpisywanie adresów URL bezpośrednio w omniboksie uzyskały poprawę mediany LCP o 500–700 ms (14–25%) w przypadku wstępnego renderowania, przesuwając globalną medianę LCP we wszystkich nawigacji o 6,4 ms.

• Uruchamianie ograniczania kart dla kart działających w tle w EcoQOS w systemie Windows 11 oraz dostosowywania ról zadań i QoS w systemie macOS, aby karty działające w tle nie przeszkadzały.

Wyniki: Doprowadziło do ulepszeń w zakresie największej zawartości treści (LCP) i interakcji z następną farbą (INP)

• Ciągłe optymalizacje dla przeglądarki Chrome w wielu aktywnych kartach

Wyniki: Widoczna poprawa harmonogramu i rywalizacji, co poprawiło INP o 5% i LCP o 2% w ciągu ostatnich 6 miesięcy.

• Ulepszenia modułu renderującego Chrome , które zmieniają priorytet kolejek zadań w celu uzyskania optymalnego CWV, takie jak ładowanie obrazu o wysokim priorytecie, kompozycja z priorytetem po opóźnieniu i optymalizacje rastrów SVG. Wszystkie ulepszenia spowodowały wzrost współczynnika zdawalności LCP, CLS i INP.

Osiągnięcia w zakresie WordPress i podstawowych wskaźników sieciowych

W 2023 r., dzięki oddanym wysiłkom zespołu Core Performance i współpracowników, WordPress poczynił znaczne postępy w poprawie wskaźników zdawalności Core Web Vitals.

Dokładniej 8,25% na komputery stacjonarne i 8,13% na urządzenia mobilne.

Jednym z głównych celów planu działania na ten rok było umożliwienie właścicielom witryn przejścia przez najtrudniejszy wskaźnik CWV w rdzeniu WP – LCP.

Wiele ulepszeń w rdzeniu skupia się na poprawie czasu reakcji serwera, działaniu bardziej wydajnych baz danych, ulepszeniu dostarczania JS i CSS oraz optymalizacji obrazów:

• Identyfikacja i eliminowanie największych wąskich gardeł w czasie reakcji serwera w rdzeniu WordPress
• Zwiększanie wydajności PHP motywów blokowych
• Wspieranie fazy 3 Gutenberga za pomocą wskazówek, ulepszeń i przeglądów skupionych na wydajności
• Automatyczne ładowanie klas WordPress PHP
• Badanie sposobów poprawy wydajności tłumaczeń
• Integracja z bazą danych SQLite
• Optymalizacja automatycznie ładowanego zapytania do bazy danych opcji w rdzeniu WordPress
• Badanie sposobów dalszego zwiększania wydajności zapytań do bazy danych
• Udoskonalanie interfejsu API skryptów o strategię ładowania
• Eliminacja użycia jQuery z frontendu w domyślnych motywach WordPress
• Dodanie fetchpriority=”high” do obrazu LCP w rdzeniu WordPress
• Unikanie leniwego ładowania obrazów LCP/bohaterów w rdzeniu WordPress
• Poprawa obliczania atrybutów rozmiarów obrazów

Wyniki?

WordPress 6.3 ładuje się 27% szybciej w przypadku motywów blokowych i 18% szybciej w przypadku motywów klasycznych w porównaniu do WordPress 6.2, w oparciu o metrykę Largest Contentful Paint (LCP).

Rozkładając to jeszcze bardziej, widzimy zdecydowaną poprawę wszystkich wskaźników Core Web Vitals w mobilnym WordPressie:

• 43,37% zdaje LCP
• 78,98% zdaje CLS
• A 97,42% zdaje FID

Jako rozwiązanie pomagające właścicielom ponad 180 000 witryn WordPress w osiągnięciu doskonałego doświadczenia użytkownika, w NitroPack jesteśmy dumni, że przyczyniliśmy się do ulepszenia CWV na platformie. Wstępnie renderując linki za pośrednictwem interfejsu API reguł spekulacji, zaobserwowaliśmy poprawę LCP o 80% i poprawę INP o 55% na stronach wstępnie renderowanych w porównaniu do stron bez ładowania spekulacyjnego.

Społeczność JavaScript dla lepszych podstawowych wskaźników internetowych

W ramach projektu Chrome Aurora, w ramach którego Chrome współpracuje z platformami internetowymi typu open source, zaobserwowaliśmy udaną współpracę z firmami Next.js, Angular i Nuxt przy udostępnianiu funkcji zorientowanych na wydajność, takich jak:

• następny/komponent skryptu
• NgOptimizedImage
• nuxt/google-fonts

Według Next.js w 2022 r. wskaźnik zdawalności wzrósł z 20,4% do 27,3%. Wskaźniki przejść kątowych wzrosły z 7,6% do 13,2%, a współczynniki przejść Nuxt wzrosły z 15,8% do 20,2%.

W praktyce te nowe funkcje przełożyły się na znaczące ulepszenia Core Web Vitals dla przedsiębiorstw takich jak Land's End i CareerKarma.

Po przejściu na NgOptimizedImage firma Land's End stwierdziła w testach laboratoryjnych Lighthouse poprawę LCP o 40% na urządzeniach mobilnych i poprawę LCP o 75% na komputerach stacjonarnych. Z drugiej strony, LCP CareerKarma zostało zmniejszone o 24% po przejściu do trybu roboczego następnego/skryptu.

„Niniejszym ogłaszam rok 2024 rokiem komponentów sieciowych! Komponenty internetowe o rozmiarze bajtowym, wolne od zależności, z opcjonalną obsługą JavaScript, niezależne od platformy, renderowane przez serwer.

— Stoyan Stefanov, twórca perfplanet.com, były Yahoo, autor publikacji JS

SEO/SEA i podstawowe wskaźniki internetowe: punkty kontaktu

Znaczenie Core Web Vitals w kontekście SEO (Search Engine Optimization) było omawiane od dawna.

W następstwie kwietniowych aktualizacji wytycznych dotyczących jakości strony ostateczną odpowiedzią jest to, że podstawowe wskaźniki internetowe nie są pojedynczym czynnikiem rankingowym, ale raczej częścią systemu, który przyczynia się do oceny jakości strony.

„Powiązanie między Core Web Vitals a wydajnością w SEO jest wciąż przedmiotem gorącej dyskusji, a wiele osób sugeruje, że rzadko ma to bezpośredni wpływ na rankingi. Z przyjemnością jednak stwierdzam, że coraz więcej organizacji i tak stawia na poprawę szybkości. Szybsza witryna oznacza szczęśliwszych użytkowników, mniejsze tarcia, lepsze referencje ekologiczne i większe przychody”.

— Jono Alderson, wiodący na świecie ekspert SEO (były szef SEO @Yoast)

Należy zauważyć, że trafność pozostaje czynnikiem decydującym o rankingu strony, jak wyjaśnił John Muller (adwokat wyszukiwarki Google) :

„Jeśli witryna A jest szybsza niż witryna B, ale B jest bardziej trafna w stosunku do zapytania użytkownika, witryna B i tak przewyższy A”.
W wątku na Twitterze podkreślił również, że „... Podstawowe wskaźniki internetowe to coś więcej niż losowy czynnik rankingowy, to także czynnik wpływający na użyteczność witryny po jej umieszczeniu w rankingu (kiedy ludzie faktycznie ją odwiedzają)”.

Podczas swojej prezentacji na wydarzeniu Google I/O Extended w Sydney w czerwcu 2023 r. Tamas Piros również potwierdził znaczenie Core Web Vitals, mówiąc : „... jeśli Twoja witryna ładuje się powoli, będzie to miało negatywny wpływ na Twoje wyszukiwanie wyniki rankingu stron.”

Jeśli chodzi o SEA (reklamę w wyszukiwarkach) , wrażenia użytkownika są bezpośrednio powiązane z wynikiem jakości Twoich reklam. Przykłady ze świata rzeczywistego obejmują:

• Jeden z klientów Lever Interactive podniósł swój Wynik Jakości, osiągając -17% CPC i -31% CPA, co oznaczało również 20% wzrost współczynników konwersji na szybszych stronach docelowych;
• Wysoki wynik jakości oznacza także uzyskanie do 50% zniżki na ceny CPC i natychmiastową optymalizację budżetów reklamowych;
• Dzięki optymalizacji pod kątem Core Web Vitals przychody z reklam Netzwelt wzrosły o 18%, widoczność reklam wzrosła o ponad 75%, współczynniki odrzuceń spadły o 50%, a liczba wyświetleń stron wzrosła o 27%.
• W 2023 roku strony spełniające wszystkie wymagania Google plasują się o 1 punkt procentowy wyżej od średniej. Natomiast wolniejsze domeny będą zajmowały pozycję o 3,7 punktu procentowego niższą niż szybkie.

Biznesowe wskaźniki internetowe: wpływ optymalizacji wydajności sieci na wyniki finansowe

W 2023 r. firmy w dalszym ciągu wdrażały optymalizację Core Web Vitals, aby poprawić swoje zyski, gdzie skrócenie czasu ładowania o 0,1 s oznacza:

• Do 8,6% więcej stron wyświetlonych w sesji
• Poprawa zaangażowania klientów o 5,2%.
• 8,4% więcej konwersji
• Wzrost średniej wartości zamówienia (AOV) o 9,2%

Najnowsze studium przypadku WPO pokazuje wyniki Carpe po optymalizacji witryny internetowej pod kątem lepszego doświadczenia użytkownika – poprawa o 52% w przypadku największej zawartości treści i 41% w przypadku zmiany skumulowanego układu, wzrost ruchu o 10%, wzrost współczynnika konwersji sklepu internetowego o 5%, i 15% wzrost przychodów.

Podczas seminarium internetowego z Google na temat „Podstawowych wskaźników internetowych dla Twojej firmy” we wrześniu 2023 r. firma NitroPack podzieliła się wnioskami z wewnętrznych badań łączących wygodę i szybkość użytkownika z określonymi wzorcami zachowań użytkowników:

• Użytkownicy, których czas ładowania wynosił 3 sekundy lub mniej, odwiedzili o 60% więcej stron.

• 50% więcej odwiedzających rezygnuje, gdy strona ładuje się w ciągu 3 sekund w porównaniu z czasem ładowania strony wynoszącym 2 sekundy.

• Odwiedzający tracą cierpliwość i nieproporcjonalnie zaczynają opuszczać stronę internetową już po 2,75 s ładowania strony

Widzimy, że coraz więcej firm odchodzi od szybkości jako celu końcowego i skupia się na poprawie interakcji użytkowników z ich witrynami internetowymi. Rozwiązywanie problemów związanych z podstawowymi wskaźnikami sieciowymi wykracza daleko poza majsterkowanie zaplecza. Faktycznie znalazł zasłużone miejsce zarówno wśród biznesowych KPI jak i w raportach wzrostu.

Szybszy internet w 2024 r.: prognozy

„Oprócz kontynuacji istniejącego trendu ulepszeń podstawowych wskaźników internetowych, naprawdę uważam, że rok 2024 może być rokiem „internetu błyskawicznego”, w którym interfejs API reguł spekulacji przeglądarki Chrome stanie się głównym nurtem i sprawi, że prerenderowanie stanie się łatwym dodatkiem dla wielu witryn. Zapewni to bardziej płynną obsługę, szczególnie w połączeniu z wielostronicowym interfejsem API View Transitions”.

— Barry Pollard, rzecznik programistów wydajności sieciowej w Google Chrome

Zobaczmy, które trendy będą kształtować rok 2024 nie tylko szybciej, ale niemal natychmiastowo.

Zaliczenie LCP: skupienie się na właściwych optymalizacjach

56,4%

Oto liczba witryn internetowych, które przepuszczają LCP na urządzeniach mobilnych w porównaniu z 94,2% w przypadku FID i 77,2% w przypadku CLS. Trudny charakter wskaźnika LCP wynika ze złożoności czasu potrzebnego na załadowanie największego elementu treści.

W 2022 roku Philip Walton zaproponował tym razem nowy sposób rozbicia:

• Czas rozpoczęcia odbioru treści na kliencie (TTFB)
• Czas rozpoczęcia ładowania obrazu LCP (opóźnienie ładowania zasobu)
• Czas zakończenia ładowania obrazu LCP (czas ładowania zasobu)
• Czas do wyrenderowania elementu LCP (opóźnienie renderowania elementu).

Umożliwia to szczegółowy pomiar i pomaga właścicielom witryn identyfikować wąskie gardła, a także określić, które optymalizacje będą najskuteczniejsze w celu poprawy wyniku LCP. W listopadzie 2023 r. Estela Franco udostępniła wyniki badań w milisekundach.

Problem? Opóźnienie ładowania zasobów.

Oznacza to, że musimy skupić się na szybszym ładowaniu największego zasobu treści, zamiast optymalizować czas ładowania.

✦ Przewidujemy...

W 2024 r. programiści i właściciele witryn skupią się na poprawie wykrywalności elementu LCP za pomocą wskazówek dotyczących zasobów i całkowitym wykluczeniu go z leniwego ładowania.

Przygotowanie do INP: nowy miernik responsywności

Wiele osób spekulowało już, czy wygaśnięcie wskaźnika FID będzie miało duży wpływ na współczynniki zdawalności CWV.

Odpowiedź brzmi tak.

Wskaźniki zdawalności spadną, gdy uruchomi się INP (szczególnie na urządzeniach mobilnych), a programiści będą musieli zakasać rękawy, aby mieć pewność, że ich oceny CWV pozostaną zielone.

INP to jednak duży krok naprzód w zrozumieniu, w jaki sposób użytkownicy wchodzą w interakcję z naszymi stronami internetowymi. Ponieważ mierzy wszystkie interakcje podczas sesji, właściciele witryn uzyskają lepszy wgląd w miejsca, w których występuje najwięcej opóźnień.

✦ Przewidujemy...

W 2024 r. programiści będą w coraz większym stopniu wykorzystywać interfejsy API Scheduler.yield() i Long Animation Frames do dzielenia i redukowania długich zadań, tak aby główny wątek był gotowy na interakcję bez opóźnień.

Lepsze zrozumienie wydajności witryny

Wraz z wyrafinowaniem optymalizacji wydajności sieci pojawia się potrzeba lepszego zrozumienia, co to właściwie oznacza dla właścicieli witryn.

W 2023 r. zaobserwowaliśmy rosnące zainteresowanie tym, jak Core Web Vitals wpisują się w szerszy kontekst biznesowy jako całość.

CrUX, archiwum HTTP, Web Almanac, statystyki WPO, raporty wewnętrzne i publiczne oraz narzędzia do analiz biznesowych z niezależnych usług i wtyczek – wszystko to ma na celu analizowanie liczb i zapewnianie przejrzystości wysiłków właścicieli witryn na rzecz poprawy komfortu użytkowania.

✦ Przewidujemy...

Rok 2024 będzie znaczącym krokiem naprzód w zrozumieniu rzeczywistych doświadczeń użytkowników w witrynach internetowych, dzięki czemu podstawowe wskaźniki internetowe staną się niezbędnym wskaźnikiem dla właścicieli firm i sprzedawców e-commerce, łączącym je bezpośrednio z wynikami finansowymi.

„Patrząc w przyszłość na rok 2024, widzę pozytywną zmianę w podejściu do wydajności sieci. Odchodzimy od patrzenia wyłącznie na dane laboratoryjne i skupiamy się bardziej na rzeczywistym doświadczeniu użytkownika. To ekscytujący czas, w którym pojawia się mnóstwo nowych pomysłów, które sprawią, że strony internetowe staną się szybsze dla wszystkich. W NitroPack jesteśmy naprawdę szczęśliwi, że możemy być częścią tej zmiany i pomóc uczynić sieć lepszym miejscem dla użytkowników.

— Georgi Petrov, dyrektor generalny i współzałożyciel @NitroPack

Rola sztucznej inteligencji: kolejne kroki w optymalizacji wydajności sieci

Boom na sztuczną inteligencję wywarł wpływ na cały świat i wielu właścicieli firm zastanawia się nad możliwościami, jakie może ona otworzyć.

Tak naprawdę tylko w 2023 r. 35% firm już wykorzystuje sztuczną inteligencję w swoich przedsiębiorstwach, a wiodącą rolę we wdrażaniu sztucznej inteligencji odgrywają usługi finansowe, opieka zdrowotna, handel detaliczny i produkcja.

W optymalizacji wydajności sieci widzieliśmy już pierwsze postępy w interfejsie API reguł spekulacyjnych w przeglądarce Chrome. Niezależnie od tego, czy wykorzystuje się ją do automatyzacji zadań, usprawniania przepływów pracy czy tworzenia nowych usług i produktów, sztuczna inteligencja w branży WPO umożliwi właścicielom witryn zaspokojenie rosnącego zapotrzebowania na lepszą wygodę użytkownika i szybkość ładowania.

Jego zastosowanie w takich obszarach jak analityka predykcyjna, rozpoznawanie wzorców i spersonalizowane dostarczanie treści znacznie poprawiło doświadczenia użytkowników.

✦ Przewidujemy...

W 2024 r. sztuczna inteligencja będzie nowym, obiecującym rozdziałem w strategiach optymalizacji – od analityki predykcyjnej i rozpoznawania wzorców po funkcje przewidywania – postępy pomogą nam lepiej zrozumieć zachowania użytkowników i szybciej odpowiadać na ich potrzeby.

Końcowe przemyślenia

W miarę zbliżania się roku 2024 nadal skupiamy się na utrzymaniu tej dynamiki.

Ciągły postęp i wczesne przyjęcie odpowiednich technik optymalizacji wydajności sieci utoruje drogę do jeszcze szybszego i wydajniejszego korzystania z Internetu.

Życzymy szybkiego roku 2023 i pracujmy nad jeszcze szybszym rokiem 2024!