Ločevanje kode
Ločevanje kode je tehnika, ki razdeli velik paket JavaScript na manjše dele, ki se naložijo po potrebi, tako da uporabniki prenesejo le kodo, ki je potrebna za stran, ki jo trenutno ogledujejo.
Sodobne spletne aplikacije lahko vsebujejo milijone vrstic kode JavaScript. Brez razcepljanja kode se ta koda združi v eno samo datoteko, ki jo mora vsak uporabnik prenesti, preden postane aplikacija interaktivna, tudi če obišče le eno stran. Razcepljanje kode razdeli paket aplikacije na manjše dele glede na poti, komponente ali funkcije.
Ko se uporabnik premakne na stran z nastavitvami, se ta koda naloži po potrebi. Knjižnice, ki se uporabljajo le v specifičnih funkcijah, so ločene v lastne pakete.
V praksi
- Nadzorna plošča SaaS rešitve je s pomočjo razcepljanja kode na podlagi poti zmanjšala začetni paket JavaScript iz 3,2 MB na 450 KB, zaradi česar se je stran za prijavo naložila v manj kot 2 sekundah namesto v 8
- E-trgovina je sestavino za ocene izdelkov (ki vključuje težek urejevalnik besedila) naložila leno, s čimer je prihranila 200 KB pri začetnem nalaganju strani z izdelkom
- Aplikacija Next.js samodejno razcepí kodo na podlagi poti, zato se na domači strani njihove 50-stranske aplikacije naloži le 120 KB kode JavaScript namesto celotnih 4 MB
- Spletne aplikacije so knjižnico za grafe ločili v ločen paket, tako da uporabniki, ki nikoli ne obiščejo nadzorne plošče za analitiko, ne prenesejo 500 KB knjižnice za grafe
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.