200 milisekund brzmi szybko? Interakcja z kolejnym malowaniem może pomóc zwiększyć responsywność Twojej witryny

Może wyszedł z rykiem. Co miesiąc. Aktualizacja Google Core, dwie nowe metryki użytkowników Web Vitals i WordPress 6.0!

25 maja Google ogłosił rozpoczęcie szeroko zakrojonej aktualizacji rdzenia. Oczekuje się, że aktualizacja rdzenia z maja 2022 r. potrwa dwa tygodnie. Ludzie zgłaszali zmiany na stronach wyników wyszukiwania. Czy zauważyłeś jakieś zmiany w SERPach?

Wprowadzono również WordPress 6.0, drugie główne wydanie WordPressa z 2022 roku. WordPress 5.9, wydany w styczniu 2022 r., wprowadził pełną edycję witryny (FSE) dla edytora bloków. Z WordPressem 6.0. ponownie skupiamy się na rozszerzeniu i ulepszeniu funkcji Edytora bloku. Czy wszystkie strony internetowe Twojego klienta zostały zaktualizowane do WordPressa 6.0?

Aktualizacje wszędzie! Co się stało, co jest ważne dla moich stron internetowych?

Wielkim posunięciem mózgowym Google w maju było dodanie Time to First Byte (TTFB) i Interaction to Next Paint (INP) do ich wskaźników Web Vitals. Dodawanie nowych wskaźników to sposób, w jaki Google mówi „skup się na tym, co najważniejsze”.

Możesz teraz mierzyć responsywność. Widać, gdzie te ziarenka piasku spowalniają biegi. To świetnie dla Ciebie i Twojego portfolio stron internetowych klientów.  

Dlatego Tesla jest szybsza niż samochód na gaz. W silniku spalinowym tracisz prędkość przez wszystkie części łączące się z innymi częściami i tarcie. Mniej ruchomych części oznacza, że ​​energia trafia do kół.

Główne wskaźniki internetowe rosną! pagespeed.web.dev właśnie otrzymał aktualizację, rata RUM zawiera teraz interakcję z następnym malowaniem (INP) i czas do pierwszego bajtu (TTFB). Oba świetne wybory, jeśli mnie zapytasz! INP jest moim zdaniem o wiele lepszym sposobem pomiaru reakcji niż pierwsze opóźnienie wejścia, którym można łatwo manipulować. Czas do pierwszego bajtu zawsze powinien być ważniejszy, ponieważ poprzedza każdą metykę wykonania. Brak odpowiedzi = brak farby, brak interakcji itp!.

Arjen Karel

Co to jest interakcja z następnym malowaniem (INP) i dlaczego jest to ważne?

Oprócz Google Core Web Vitals, Google mierzy coraz większą liczbę metryk odpowiedzi zorientowanych na użytkownika, w tym Interaction to Next Paint (INP) i Time to First Byte (TTFB). Jednak zanim przebudujesz swój zespół, Google mówi:

Te dane pola są obecnie eksperymentalne, ale użytkownicy mogą je teraz wypróbować. Dane eksperymentalne mogą ulec zmianie lub zniknąć.

Google.com

Interaction to Next Paint (INP) to nowy wskaźnik, który ma na celu przedstawienie ogólnego opóźnienia interakcji na stronie poprzez wybranie jednej z najdłuższych interakcji, gdy użytkownik odwiedza stronę. INP to najczęściej 98. percentyl opóźnienia interakcji dla stron z wieloma interakcjami. W przypadku stron z mniej niż 50 interakcjami INP to interakcja z najgorszym opóźnieniem.

Istnieje wiele elementów interfejsu użytkownika. KeyDown występuje po naciśnięciu klawisza. KeyUp występuje po zwolnieniu klawisza. Jest DragOver, Drop, OnFocus i wiele innych. Każda interakcja jest przypisywana, przetwarzana, a wynik przedstawiany użytkownikowi.

Czas między każdą czynnością jest możliwy do zmierzenia, a długi odstęp między kliknięciem a odebraniem może dodatkowo pogorszyć komfort użytkownika .

Interakcja z Next Paint (INP) mierzy opóźnienie interakcji w naszej witrynie. Oto kilka przykładów takich interakcji:

• Zdarzenie myszy – takie jak kliknięcie przycisku w celu zmiany koloru artykułu odzieżowego.
• Interaktywny element aktywowany palcem na ekranie dotykowym — być może na mapie.
• Naciśnięcie klawisza na urządzeniu mobilnym lub stacjonarnym — aby wyświetlić odpowiedź na pytanie.

Czy Twoja strona internetowa ma dużo interakcji? Prowadzisz platformy eCommerce lub eLearning? Ponieważ wiesz, że użytkownicy nie będą chcieli czekać na to wydarzenie myszy, INP jest całkiem ekscytujące.

Możesz teraz zobaczyć, jakie interakcje Cię spowalniają i być może zobaczyć, gdzie tracisz konwersje z powodu długiego czasu reakcji.

Ile pieniędzy traci Twoja witryna eCommerce z powodu opóźnień, słabej wydajności i, szczerze mówiąc, zarządzanego hosta WordPress, którego technologia jest przestarzała na dzisiejsze oczekiwania klientów?

Rocket.net

Jak mogę zmierzyć interakcję Google z kolejnym wskaźnikiem malowania?

Aby zmierzyć interakcję Google z następną farbą, przejdź do PageSpeed ​​Insights, aby zmierzyć INP swojej strony. Pamiętać. Mierzysz tę stronę, a nie całą witrynę.

INP jest podobny do skumulowanego przesunięcia układu (CLS) pod tym względem, że wartości pomiaru będą się zmieniać, gdy użytkownik pozostanie na Twojej stronie internetowej. Gdy użytkownik opuści stronę, dokonywany jest pomiar, tworząc ogólną wartość INP. Niektóre strony będą miały więcej interakcji niż inne. Interakcje niektórych stron mogą nie mieć miejsca, jeśli nie zostanie wybrana akcja.

Tylko dlatego, że zdasz teraz parametry życiowe, nie oznacza to, że zdasz w przyszłym miesiącu. Podstawowe wskaźniki sieciowe są eksperymentalne i zmieniają się. Sprawdzaj regularnie i bądź ciekawy!

Responsywna strona internetowa to więcej niż elastyczne bloki w Twoim CSS

Pomiar interakcji z Next Paint jest dość ekscytujący, ponieważ możemy teraz zmierzyć, jak responsywność naszej witryny jest pod palcami naszych użytkowników. Pamiętasz, kiedy responsywna strona internetowa sprawiła, że ​​nasze menu zamieniło się w hamburgera?

I nie tylko mobilność ma znaczenie dla najważniejszych funkcji życiowych. Widoki na pulpicie są równie ważne – zwłaszcza jeśli mówimy o tych witrynach, które ludzie poświęcają czas.

Interakcja z następnym malowaniem oznacza mierzenie czasu potrzebnego na reakcję elementów na stronie na interakcję. Teraz możemy zobaczyć, ile czasu zajmuje zmiana obrazu produktu, jeśli użytkownik wybierze inny kolor lub jak długo odpowiedź pojawi się na ekranie. Prędkość tutaj może być nokautem dla wielu użytkowników. Pamiętaj – prędkość wygrywa.

Skrócenie opóźnień między etapami każdej interakcji sprawia, że ​​strona internetowa jest naprawdę responsywna. Po rozwiązaniu problemów z szybkością możesz skupić się na tym, co naprawdę się liczy – na poprawie codziennych doświadczeń klientów agencji z ich działalnością.

Szybkość jest tak ważna na stronie internetowej, ponieważ chcesz przyciągnąć i zatrzymać potencjalnych klientów. I chcesz, żeby powiedzieli swoim przyjaciołom. To, co powstrzymuje ludzi przed pozostaniem w Twojej witrynie – i konwersją – to słaba jakość witryny.

Rocket.net

Mikrointerakcje są różnicą między dobrą witryną a świetną witryną

Zapisz opóźnienie interakcji. Mówisz, że pozbyć się interakcji?

Mikrointerakcje to małe rzeczy, które dają naszym użytkownikom poczucie, że są w stanie coś zrobić. To uczucie, że nie jesteś już nieistotnym, sztywnym uczestnikiem, ale jesteś w stanie poruszyć, powiedzieć lub zmienić coś przy niewielkim wysiłku. Użytkownik jest zaangażowany w zabawę bez komplikacji. Grywalizacja, prawda?

Mikrointerakcje mają ogromny wpływ na nasze doświadczenia online, więc nie wylewaj dziecka z kąpielą tylko po to, aby zaoszczędzić na czyszczeniu wanny.

Coraz częściej marki szukają kontaktów ze swoimi klientami. Chociaż wiele uwagi poświęcono kanałom komunikacji, równie ważne jest wykorzystanie mikromomentów, w których możesz zapewnić klientom pozytywne doświadczenia użytkownika.

UżytecznośćGeek.com

Rozmowa jest tania. Niech Rocket pokaże Ci, co NAPRAWDĘ oznacza najszybszy hosting WordPress!

Oszczędzasz wydajność witryny, czas i pieniądze swojej agencji? TAk. Platforma Rocket ma wbudowane funkcje, które eliminują potrzebę korzystania z płatnych wersji zabezpieczeń, optymalizacji obrazu, wtyczek CDN i ładowania treści JS. Są to funkcje wbudowane w Twoją nową ulubioną platformę (produkt znany wcześniej jako Managed WordPress Hosting).

Porozmawiajmy o tym, jak możemy przenieść Twoją witrynę do Rocket.net, najszybszego hostingu WordPress dostępnego w dowolnym miejscu. Rozpocznij swoją misję już dziś!