Podjela koda
Podjela koda je tehnika koja razdvaja veliki JavaScript paket na manje dijelove koji se učitavaju po potrebi, tako da korisnici preuzimaju samo kod potreban za stranicu koju pregledavaju.
Moderne web aplikacije mogu imati milijune redaka JavaScript koda. Bez podjele koda, sav se taj kod spaja u jednu datoteku koju svaki korisnik mora preuzeti prije nego što aplikacija postane interaktivna, čak i ako posjeti samo jednu stranicu. Podjela koda dijeli paket aplikacije na manje cjeline na temelju ruta, komponenti ili značajki.
Kada navigiraju na stranicu postavki, taj se kod učitava po potrebi. Biblioteke koje se koriste samo u specifičnim značajkama odvajaju se u vlastite cjeline. Postoji nekoliko pristupa podjeli koda.
U praksi
- SaaS nadzorna ploča smanjila je svoj početni JavaScript paket s 3,2 MB na 450 KB putem rutno bazirane podjele koda, čime se stranica za prijavu učitava za manje od 2 sekunde umjesto 8
- E-trgovina lako je učitavala komponentu za recenzije proizvoda (koja uključuje težak bogati tekstualni editor), uštedjevši 200 KB s početnog učitavanja stranice proizvoda
- Next.js aplikacija automatski dijeli kod po ruti, pa se za njihovu početnu stranicu od 50 stranica učitava samo 120 KB JavaScripta umjesto ukupnih 4 MB
- Web aplikacija odvojila je svoju biblioteku za grafikone u zasebnu cjelinu, tako da korisnici koji nikada ne posjete analitičku nadzornu ploču ne preuzimaju 500 KB biblioteke za grafikone
Niste sigurni kako se ovo odnosi na vas?
Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.