Optymalizacja wydajności - Core Web Vitals z AI (przykłady dla SEOwców)
AI podczas badania i optymalizacji wydajności stron wykorzystuję obecnie na co dzień. Towarzyszy mi jako narzędzie podczas każdego kroku - od analizy danych, wykresów, zachowań użytkowników, metryk, aż po tworzenie optymalizacji i raportu w ramach audytu SEO. Trzeba tylko wiedzieć, na ile można sobie pozwolić z AI i jak wydobyć to, co istotne, by nie tworzyć przy okazji głupot.
Dnia 17. marca przeprowadziłem darmowy warsztat online na temat badania i optymalizacji wydajności stron WWW (wg wskaźników Core Web Vitals) z wykorzystaniem AI i możesz sobie go zobaczyć poniżej.
LIVE trwał ponad godzinę i poruszyłem mnóstwo wątków, dlatego postanowiłem zrobić przejrzystą rozpiskę wszystkich tematów poniżej. Możesz sobie przejść bezpośrednio, wybiórczo do konkretnego zagadnienia, aczkolwiek zachęcam do obejrzenia całości :)
Pełna agenda poniżej:
00:00 Powitanie / introdukcja
01:32 Kim jestem?
02:10 Limitowana okazja dołączenia do moich programów
02:46 Agenda
04:53 SEO a CrUX - czy CWV mają znaczenie w SEO?
08:20 RUM i CrUX
08:58 RTT w CrUX
15:30 LCP w CrUX
18:40 Typy nawigacji w CrUX
22:13 Podział urządzeń w CrUx
22:35 Analiza danych w CrUX - metryki + zachowania
23:38 AI - w czym jest dobre, jeśli chodzi o analizę CWV?
23:35 Przykład użycia AI w analizie metryk
25:46 Analiza waterfall z AI
28:38 Off-topic - zadyszka serwera a Cloudflare
29:47 Co dalej z analizą waterfall z AI? Testowanie
32:00 AI w analizie CWV - moja opinia
33:45 AI w DevTools
37:13 Przykład tworzenia optymalizacji czatu z AI
41:35 Audyt SEO / audyt wydajność - jak dziś tworzę rekomendacje?
43:10 Przyszłość optymalizacji wydajności z AI
46:54 Optymalizacja INP - CMP od Google'a
49:34 Ruch z botów/crawlerów AI a wydajność strony
53:38 Google Tag Manager w trybie first-party
56:49 Podsumowanie
58:04 Wiedza/doświadczenie/niuanse + AI = sukces
58:27 Oferta moich programów dla SEO i frontend developerów
Mnóstwo interesujących przykładów wykorzystania AI w optymalizacji wydajności stron poruszam w moim najnowszym programie Core Web Vitals w audycie SEO z AI. Materiał w 100% przeznaczony dla SEO specjalistów.
Przygotowałem poniżej kilka inspiracji dla Ciebie, abyś zobaczył(a), jak efektywnie można wykorzystać AI podczas audytu wydajności stron.
Przykład użycia AI w badaniu Core Web Vitals - analiza wykresów, danych
W badaniu wydajności niezwykle istotne są nie tylko metryki i ich wartości, ale też ZACHOWANIA użytkowników. Stąd potrzeba analizy danych, takich jak - typy urządzeń czy też RTT. Wystarczy wkleić screeny danych i poprosić o analizę. W większości przypadków otrzymasz mnóstwo ciekawych i trafnych wniosków.
Przykład użycia AI w badaniu Core Web Vitals - analiza waterfall
Z wodospadu żądań dowiesz się prawdy, co takiego dzieje się na stronie w procesie jej ładowania i renderowania. To absolutnie priorytetowe źródło wiedzy na temat kondycji frontendu. W analizie żądań również można wspomóc się AI - wystarczy wkleić screen'a i poprosić o wnioski. Gdy otrzymamy jakieś obserwacje i rekomendacje - kluczowe jest, aby je PRZETESTOWAĆ i trochę wysilić się, aby klient docelowo otrzymał wskazówki, co poprawić i co rzeczywiście będzie działało po wdrożeniu. Zero zgadywania i dawania pustych rekomendacji bez pokrycia danymi i demo. Tego uczę i pokazuję w moim programie Core Web Vitals w audycie SEO z AI - sprawdź sobie.
Przykład użycia AI w badaniu Core Web Vitals - AI w DevTools
Kolejnym kluczowym elementem w procesie badania wydajności strony jest nagranie jej ładowania, renderowania, a także działania podczas interakcji. W tym celu należy posłużyć się zakładką Performance w DevToolsach. Wystarczy dokonać nagrania, a następnie przeanalizować np. stos wywoływanych funkcji w JS, rekalkulacje stylów itd.
Brzmi jak czarna magia? Wielokrotnie w swoich materiałach pokazywałem, że nie taki diabeł straszny, jak go malują, ale od teraz możesz po prostu zapytać AI, które jest wbudowane w DevTools.
Klikasz prawym przyciskiem myszy np. na jakąś operację w głównym wątku po nagraniu i wybierasz "Ask AI". Gwarantuję Ci, że otrzymasz całą litanię trafnych obserwacji i sposobów poradzenia sobie z problemami wydajnościowymi.
Przykład użycia AI w badaniu Core Web Vitals - tworzenie rozwiązań / demo optymalizacji
Dlaczego moje podejście od optymalizacji stron jest słuszne, chwalone przez branżę i klientów?
Bo opieram się na realnych problemach userów strony, ze wskazaniem CO i JAK powinno być poprawione. W kodzie. Z pokazaniem DEMO, jak można dany element poprawić.
Jestem developerem, więc tworzenie takich rozwiązań nie jest mi straszne, ale dzisiaj, przy odrobinie chęci i znajomości technik optymalizacyjnych, możesz takie rozwiązania przygotowywać klientowi również Ty.
Poniżej przykład stworzenia optymalizacji czatu (o czym mówiłem np. w lekcji z programu Zoptymalizowany Frontend).
Wykorzystanie AI w procesie badania wydajności stron (Core Web Vitals) w ramach audytu SEO to coś MEGA ważnego. Istotne, by robić to z głową, przeprowadzać testy, a klientowi dawać rekomendacje wraz z ukazaniem uzysku.
Tego wszystkiego uczę w programie Core Web Vitals w audycie SEO z AI. Dołącz do mnie - wszystko Ci pokażę :) Nie pożałujesz.