Preskoči na sadržaj

Pojmovnik

Hidratacija

Korak u kojem JavaScript preuzima HTML koji je stigao već iscrtan i pridružuje mu ponašanje koje sam kod nema.

Objašnjava poznat procjep: stranica se vidi, a još ništa ne reaguje. Između ta dva trenutka pregledač preuzima i pokreće skriptu koja statičan kod pretvara u upotrebljiv interfejs, a na sporom telefonu je baš u tom procjepu INP loš.

Odatle dolazi i greška o nepodudaranju. Server i pregledač moraju da naprave isti kod, pa sve što se među njima razlikuje — datum ispisan u lokalnom vremenu, slučajna vrijednost, provjera postoji li objekat prozora — kida sparivanje i tjera ponovno iscrtavanje.

Najjeftinija hidratacija je ona koje nema. Sadržaj koji se samo čita ne treba komponentu, a interakcija svedena na nekoliko ostrva ostavlja veći dio stranice kao običan HTML koji radi prije nego što ijedna skripta stigne.