Next.jsPytanie 12 z 15
Strona jest wolna — jak ją zdiagnozujesz i przyspieszysz?
Najpierw odpowiedz na głos lub w myślach, potem porównaj.
Odpowiedź
Najpierw odtwarzam problem na buildzie produkcyjnym i ustalam: wolno pojawia się treść, długo trwa request czy zacina się interakcja?
Plan:
- Sprawdzam Network: czas odpowiedzi, wodospad żądań i rozmiar zasobów.
- Analizuję Lighthouse oraz LCP, CLS i INP; profiluję interakcje.
- Sprawdzam obraz LCP, rozmiary zdjęć, fonty i skrypty zewnętrzne.
- Ograniczam niepotrzebny JS i opóźniam ciężkie, opcjonalne komponenty.
- Weryfikuję pobieranie danych, cache i pracę serwera.
- Porównuję pomiary po zmianie w tych samych warunkach.
Pułapka: dodawanie useMemo wszędzie nie naprawi wolnego API ani wielomegabajtowego obrazu.
Jak poszło? Bądź szczery — „Jeszcze nie” dodaje pytanie do powtórki.