INP powyżej 200 ms po wygenerowaniu strony: który z trzech etapów interakcji naprawiać
INP zastąpił FID w marcu 2024. Jak zmierzyć trzy etapy interakcji na wygenerowanej stronie i który z nich naprawiać, zanim oddasz projekt klientowi.
Piszemy z kodem i z pomiarem. Każdy tekst bierze jeden konkretny przypadek: fragment przed poprawką, fragment po, i to, co zmieniło się w wyniku. Liczby podajemy razem z warunkami pomiaru, żeby dało się je powtórzyć u siebie. Nie robimy rankingów narzędzi ani zestawień "top 10" - to samo zadanie wygląda inaczej w każdym stacku, więc opisujemy metodę, nie zwycięzcę. Jeśli czegoś nie da się sprawdzić, piszemy o tym wprost zamiast domykać tekst zgadywaniem.
7 tekstów
każdy z linijką pomiaru
INP zastąpił FID w marcu 2024. Jak zmierzyć trzy etapy interakcji na wygenerowanej stronie i który z nich naprawiać, zanim oddasz projekt klientowi.
Wycena z założeniem, że model zrobi połowę roboty, pomija przegląd i poprawki. Co dopisać do pozycji i jak policzyć własny współczynnik z repozytorium.
Przejmujesz stronę po innym wykonawcy: npm ci, wersja Node, sekrety, audyt zależności i test smoke. Sprawdzenia do zrobienia przed wyceną utrzymania.
Pięć wzorców, które modele powtarzają w generowanych komponentach: nieistniejące paczki, wyścig w useEffect, innerHTML bez ucieczki i testy na atrapie.
Klucz API w bundlu wygenerowanego formularza: kolejność reakcji od rotacji, przez historię gita i artefakty builda, po skan bundla w CI i regułę code…
Wygenerowany modal wygląda poprawnie i nie działa z klawiatury: fokus zostaje pod spodem, Escape nic nie robi. Pełna poprawka, mapowanie na WCAG i test.
Trzy wzorce z generatorów stron, które wypychają LCP powyżej 4 s: hero jako background-image, font bez preload i skrypty w head. Kod przed i…