Kodo skaidymas
Kodo skaidymas, tai technika, kurios metu didelis JavaScript rinkinys skaidomas į mažesnes dalis, kurios įkraunamos pagal poreikį, todėl vartotojai atsisiunčia tik tą kodą, kuris reikalingas tam tikram puslapiui.
Šiuolaikinės tinklo programos gali turėti milijonus eilučių JavaScript. Be kodo skaidymo visas šis kodas sujungiamas į vieną failą, kurį turi atsisiųsti kiekvienas vartotojas, kol programa tampa interaktyvi, net jei jie lanko tik vieną puslapį. Kodo skaidymas paskirsto programos rinkinį į mažesnes dalis pagal maršrutus, komponentus arba funkcijas.
Jei jie pereina į nustatymų puslapį, tas kodas įkraunamas pagal poreikį. Bibliotekos, naudojamos tik specifinėse funkcijose, skaidomos į atskiras dalis. Yra keli kodo skaidymo būdai.
Praktikoje
- SaaS skydelis sumažino pradinį JavaScript rinkinį nuo 3,2 MB iki 450 KB naudojant pagal maršrutus vykdomą kodo skaidymą, todėl prisijungimo puslapis įsikrauna per mažiau nei 2 sekundes vietoj 8.
- El. prekybos svetainė tingiai įkrovė savo produktų atsiliepimų komponentą (kuris apėmė sunkų turtingo teksto redaktorių), sutaupydama 200 KB nuo pradinio produkto puslapio įkrovimo.
- Next.js aplikacija automatiškai skaido kodą pagal maršrutus, todėl jos 50 puslapių programos pradinis puslapis įkelia tik 120 KB JavaScript vietoj viso 4 MB.
- Tinklo programa išskyrė savo grafikų biblioteką į atskirą dalį, todėl vartotojai, niekada nelankantys analitikos skydelio, neatsisiunčia 500 KB grafikų bibliotekos.
Daugiau apie: Veikimas
Neaišku, kaip tai taikoma Jums?
Vyresnysis inžinierius apžiūrės Jūsų svetainę, paieškos pozicijas ir užklausų gavimo būdą, tada užrašys tris dalykus, kuriuos verta pataisyti pirmiausia. Dokumentą paliekate sau.