{"id":2381,"date":"2024-02-14T15:17:00","date_gmt":"2024-02-14T14:17:00","guid":{"rendered":"https:\/\/jalvo.eu\/inp-zastepuje-fid-core-web-vitals-marzec-2024\/"},"modified":"2024-02-14T15:17:00","modified_gmt":"2024-02-14T14:17:00","slug":"inp-zastepuje-fid-core-web-vitals-marzec-2024","status":"publish","type":"post","link":"https:\/\/jalvo.eu\/pl\/inp-zastepuje-fid-core-web-vitals-marzec-2024\/","title":{"rendered":"INP zast\u0119puje FID: przygotowania do zmiany Core Web Vitals w marcu 2024"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">12 marca 2024 roku INP zast\u0119puje FID jako wska\u017anik responsywno\u015bci w Core Web Vitals. First Input Delay zostaje przy tej okazji wycofany, co potwierdza <a href=\"https:\/\/web.dev\/blog\/inp-cwv-march-12\" rel=\"nofollow noopener\" target=\"_blank\">og\u0142oszenie tej zmiany na web.dev<\/a>. Prowadzisz serwis na WordPressie i widzisz w Search Console ostrze\u017cenia dotycz\u0105ce INP? Masz jeszcze kilka tygodni, \u017ceby ustali\u0107, kt\u00f3rych stron dotyczy problem i co naprawi\u0107 w pierwszej kolejno\u015bci. Poni\u017cej: co si\u0119 zmienia, gdzie szuka\u0107 danych i w jakiej kolejno\u015bci sam bym si\u0119 za to zabra\u0142.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Co si\u0119 zmienia 12 marca, gdy INP zast\u0119puje FID?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Interaction to Next Paint staje si\u0119 wska\u017anikiem Core Web Vitals. First Input Delay wypada z programu. Na tym polega ca\u0142a zamiana. Histori\u0119 opisuje harmonogram przej\u015bcia zespo\u0142u Chrome: INP pojawi\u0142 si\u0119 jako wska\u017anik eksperymentalny w maju 2022 roku, w zesz\u0142ym roku dosta\u0142 status oczekuj\u0105cego, a w marcu 2024 staje si\u0119 stabilny. FID znika z Search Console 12 marca, cho\u0107 PageSpeed Insights i CrUX zachowaj\u0105 go jeszcze przez sze\u015bciomiesi\u0119czny okres wycofywania. A LCP i CLS? Bez zmian. W Core Web Vitals 2024 inna jest wi\u0119c tylko cz\u0119\u015b\u0107 dotycz\u0105ca responsywno\u015bci.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Czym Interaction to Next Paint r\u00f3\u017cni si\u0119 od First Input Delay?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">FID nie potrafi\u0142 uchwyci\u0107 tych aspekt\u00f3w interaktywno\u015bci, kt\u00f3re mierzy INP. St\u0105d nowy wska\u017anik. Stary pomiar bra\u0142 pod uwag\u0119 pierwsz\u0105 interakcj\u0119 podczas wizyty i nic wi\u0119cej. Jego nast\u0119pca obserwuje interakcje w trakcie ca\u0142ej wizyty i mierzy czas do chwili, w kt\u00f3rej strona widocznie zareaguje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Interakcja oznacza tu klikni\u0119cie, dotkni\u0119cie ekranu albo naci\u015bni\u0119cie klawisza. W praktyce serwis, kt\u00f3ry zalicza\u0142 FID, mo\u017ce nie zaliczy\u0107 INP, bo teraz liczy si\u0119 tak\u017ce to powolne menu albo filtr, z kt\u00f3rego kto\u015b korzysta p\u00f3\u017aniej w trakcie sesji. W\u0142a\u015bnie dlatego ostrze\u017cenia pojawiaj\u0105 si\u0119 na stronach, kt\u00f3re wcze\u015bniej wygl\u0105da\u0142y dobrze.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gdzie sprawdzi\u0107, czy mie\u015bcisz si\u0119 w progu INP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pierwsze pytanie: czy INP Twojego serwisu mie\u015bci si\u0119 w progu &#8222;good&#8221; w danych terenowych? Dane terenowe to pomiary od prawdziwych u\u017cytkownik\u00f3w, a nie z Twojego komputera. Core Web Vitals ocenia si\u0119 w terenie na poziomie 75. percentyla wczyta\u0144 strony, a dok\u0142adne warto\u015bci graniczne podaje <a href=\"https:\/\/web.dev\/articles\/inp\" rel=\"nofollow noopener\" target=\"_blank\">dokumentacja INP na web.dev<\/a>. Te dane mo\u017cna pobra\u0107 z kilku miejsc:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Search Console<\/strong> - raport Core Web Vitals grupuje adresy URL, kt\u00f3rych dotyczy problem.<\/li>\n<li><strong>PageSpeed Insights<\/strong> - pokazuje dane CrUX na poziomie ca\u0142ej domeny, a czasem tak\u017ce dla pojedynczego adresu URL.<\/li>\n<li><strong>Biblioteka JavaScript web-vitals<\/strong> - zbiera INP od Twoich w\u0142asnych u\u017cytkownik\u00f3w.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Narz\u0119dzia laboratoryjne, kt\u00f3re wczytuj\u0105 stron\u0119, na kt\u00f3rej nikt niczego nie klika, nie poka\u017c\u0105 prawdziwego obrazu. Dlatego najpierw zaufaj danym terenowym. Testy laboratoryjne s\u0142u\u017c\u0105 do odtwarzania problemu, o kt\u00f3rym ju\u017c wiesz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dlaczego INP to g\u0142\u00f3wnie problem JavaScriptu, a nie serwera<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">INP mierzy to, co przegl\u0105darka robi po klikni\u0119ciu. Wszystko sprowadza si\u0119 wi\u0119c do skrypt\u00f3w dzia\u0142aj\u0105cych na stronie, a nie do tego, jak szybko odpowiedzia\u0142 serwer. Reverse proxy albo szybsza maszyna poprawiaj\u0105 g\u0142\u00f3wnie <a href=\"https:\/\/jalvo.eu\/pl\/ttfb-reverse-proxy-czy-proxy-spowalnia-strone\/\">czas do pierwszego bajtu<\/a>, a to wska\u017anik wczytywania. Tak samo jest z wyborem <a href=\"https:\/\/jalvo.eu\/pl\/lokalizacja-hostingu-a-lokalizacja-odbiorcow\/\">lokalizacji hostingu dla odleg\u0142ych czytelnik\u00f3w<\/a>: skraca drog\u0119, kt\u00f3r\u0105 pokonuje odpowied\u017a, a nie prac\u0119 wykonywan\u0105 na urz\u0105dzeniu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Konfiguracja sieci te\u017c trafia do worka z dostarczaniem tre\u015bci, \u0142\u0105cznie z ca\u0142\u0105 kwesti\u0105 tego, jak ma si\u0119 <a href=\"https:\/\/jalvo.eu\/shared-vs-dedicated-ip-hosting-seo\/\">dedykowany adres IP do szybko\u015bci strony<\/a>. Trzymaj te dwa problemy osobno, bo inaczej wysi\u0142ek p\u00f3jdzie w z\u0142e miejsce. Wolne wczytywanie naprawia si\u0119 po stronie infrastruktury. Ospa\u0142e reakcje na dzia\u0142ania u\u017cytkownika naprawia si\u0119 w kodzie, kt\u00f3ry wykonuje przegl\u0105darka.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Co naprawi\u0107 najpierw, \u017ceby poprawi\u0107 INP w serwisie na WordPressie<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zacznij od stron oznaczonych w Search Console, a potem usu\u0144 albo op\u00f3\u017anij JavaScript, kt\u00f3ry uruchamia si\u0119 podczas interakcji. Przeszed\u0142bym przez list\u0119 w tej kolejno\u015bci:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Wybierz oznaczone grupy adres\u00f3w URL i odtw\u00f3rz powoln\u0105 interakcj\u0119 na prawdziwym telefonie.<\/li>\n<li>Przejrzyj wtyczki i wy\u0142\u0105cz te, kt\u00f3re bez potrzeby \u0142aduj\u0105 skrypty na ka\u017cdej stronie.<\/li>\n<li>Odrocz albo op\u00f3\u017anij skrypty zewn\u0119trzne, takie jak wid\u017cety czatu, tagi reklamowe i analityka.<\/li>\n<li>Sprawd\u017a motyw i kreator stron pod k\u0105tem ci\u0119\u017ckich menu, slider\u00f3w i wyskakuj\u0105cych okienek.<\/li>\n<li>Podziel d\u0142ugie zadania we w\u0142asnym kodzie, \u017ceby przegl\u0105darka mog\u0142a mi\u0119dzy nimi odrysowa\u0107 stron\u0119.<\/li>\n<li>Zmniejsz rozmiar DOM na d\u0142ugich stronach, bo du\u017ce drzewo element\u00f3w podnosi koszt ka\u017cdej aktualizacji.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Jedna zmiana naraz. Po ka\u017cdym kroku testuj ponownie. Jasne, wy\u0142\u0105czenie kilku wtyczek za jednym zamachem mo\u017ce usun\u0105\u0107 ostrze\u017cenie, ale wtedy nie masz poj\u0119cia, kt\u00f3ra z nich je powodowa\u0142a (a problem lubi wraca\u0107 przy nast\u0119pnej aktualizacji).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Co zrobi\u0107 z raportami FID i monitoringiem przed terminem<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zamie\u0144 FID na INP w panelach, alertach i ka\u017cdym kodzie, kt\u00f3ry odczytuje ten wska\u017anik. First Input Delay jest wycofywany i zostanie usuni\u0119ty z programu, wi\u0119c nie ma sensu go podtrzymywa\u0107. Porz\u0105dki zwykle obejmuj\u0105 takie obszary:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zaktualizuj skrypty, kt\u00f3re pobieraj\u0105 stary wska\u017anik z CrUX albo PageSpeed Insights, zanim sko\u0144czy si\u0119 okres wycofywania.<\/li>\n<li>Prze\u0142\u0105cz monitoring rzeczywistych u\u017cytkownik\u00f3w na INP za pomoc\u0105 biblioteki web-vitals.<\/li>\n<li>Przesta\u0144 raportowa\u0107 FID klientom i interesariuszom i wyja\u015bnij, dlaczego ta liczba znikn\u0119\u0142a.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dane terenowe aktualizuj\u0105 si\u0119 powoli. Poprawki wprowadzone w lutym potrzebuj\u0105 czasu, \u017ceby pojawi\u0107 si\u0119 w raportach, wi\u0119c nie panikuj, gdy nast\u0119pnego dnia nic si\u0119 nie ruszy. Po wdro\u017ceniu zmiany uruchom weryfikacj\u0119 w Search Console i poczekaj na \u015bwie\u017ce pomiary od u\u017cytkownik\u00f3w, zanim ocenisz efekt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">INP zast\u0119puje FID w przysz\u0142ym miesi\u0105cu, a kolejno\u015b\u0107 prac jest, szczerze m\u00f3wi\u0105c, do\u015b\u0107 prosta: zmierz w terenie, odchud\u017a JavaScript, kt\u00f3ry blokuje interakcje, a potem zaktualizuj monitoring, \u017ceby nic ju\u017c nie zale\u017ca\u0142o od wycofanego wska\u017anika.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1790879449527-0\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Czy m\u00f3j serwis straci status &#8222;good&#8221; po usuni\u0119ciu FID?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Nie automatycznie. Od dnia zmiany ocena responsywno\u015bci zale\u017cy od danych terenowych INP, wi\u0119c strona, kt\u00f3ra zalicza\u0142a FID, mo\u017ce zaliczy\u0107 nowy wska\u017anik albo nie. Otw\u00f3rz ju\u017c teraz raport Core Web Vitals i zobacz, kt\u00f3re grupy adres\u00f3w URL s\u0105 oznaczone.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790879449527-1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Czy szybszy hosting albo proxy usuwa ostrze\u017cenia INP?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Zwykle nie. Takie zmiany wp\u0142ywaj\u0105 g\u0142\u00f3wnie na TTFB i wczytywanie. INP wynika z pracy JavaScriptu w przegl\u0105darce po tym, jak kto\u015b wejdzie w interakcj\u0119 ze stron\u0105. Przyjrzyj si\u0119 raczej wtyczkom, tagom zewn\u0119trznym i skryptom motywu.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790879449527-2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Dlaczego PageSpeed Insights nie pokazuje danych INP dla mojego serwisu?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Dane terenowe pojawiaj\u0105 si\u0119 tylko wtedy, gdy serwis kwalifikuje si\u0119 do raportu Chrome User Experience Report. Czasem dost\u0119pny jest tylko obraz na poziomie ca\u0142ej domeny, bez liczb dla poszczeg\u00f3lnych adres\u00f3w URL. Wtedy biblioteka web-vitals pozwala zbiera\u0107 w\u0142asne pomiary od prawdziwych u\u017cytkownik\u00f3w.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>12 marca 2024 roku INP zast\u0119puje FID jako wska\u017anik responsywno\u015bci w Core Web Vitals. First Input Delay zostaje przy tej okazji wycofany, co potwierdza og\u0142oszenie tej zmiany na web.dev. Prowadzisz serwis na WordPressie i widzisz w Search Console ostrze\u017cenia dotycz\u0105ce INP? Masz jeszcze kilka tygodni, \u017ceby ustali\u0107, kt\u00f3rych stron dotyczy problem i co naprawi\u0107 w [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":2347,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[182],"tags":[285,461,465,28,300,356],"class_list":["post-2381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-pl","tag-core-web-vitals-x","tag-fid-x","tag-inp-x","tag-seo-pl","tag-szybkosc-strony-x","tag-wordpress-x"],"acf":[],"_links":{"self":[{"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/posts\/2381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/comments?post=2381"}],"version-history":[{"count":0,"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/posts\/2381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/media\/2347"}],"wp:attachment":[{"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/media?parent=2381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/categories?post=2381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jalvo.eu\/pl\/wp-json\/wp\/v2\/tags?post=2381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}