Kod z modelu w produkcji. Co sprawdzić przed wdrożeniem
Model składa layout w kilka minut. Potem zostaje przegląd kodu, LCP, kontrast, obsługa klawiatury i pytanie, ile ta reszta kosztuje w wycenie. Piszemy o tej drugiej części: co konkretnie sprawdzić, co poprawić i jak wygląda różnica w liczbach.
O czym tu piszemy
04Przegląd kodu, który wyszedł z modelu
Co zatrzymać na review: zdublowany stan, zależność dorzucona bez potrzeby, brak walidacji wejścia, klucz wklejony do komponentu. Fragment przed poprawką i po niej, obok siebie.
LCP i CLS po wygenerowaniu strony
Dlaczego wygenerowany layout wypada dobrze lokalnie i słabo w polu. Hero, fonty, skrypty w head, obrazy bez wymiarów – po kolei, z pomiarem przed i po zmianie.
Dostępność, której model nie dopisze sam
Kontrast, kolejność fokusu, etykiety pól, obsługa klawiatury w modalach i menu. Czego brakuje w typowym wygenerowanym komponencie i jak to sprawdzić, zamiast zgadywać.
Wycena, utrzymanie, przekazanie projektu
Ile godzin realnie zostaje po wygenerowaniu makiety, jak zapisać to w wycenie i co oddać klientowi, żeby stronę dało się utrzymać bez autora pierwszej wersji.
Najnowsze
03LCP powyżej 4 s po wygenerowaniu strony: hero, font i skrypty w head
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 po plus kolejność napraw.
Modal z generatora: fokus zostaje pod spodem, a Escape nic nie robi
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.
Klucz API znalazł się w bundlu wygenerowanego formularza: co zrobić w tej kolejności
Klucz API w bundlu wygenerowanego formularza: kolejność reakcji od rotacji, przez historię gita i artefakty builda, po skan bundla w CI i regułę code review.
