Koda sadalīšana
Koda sadalīšana ir tehnika, kas sadala lielu JavaScript paketi mazākās daļās, kas tiek ielādētas pēc pieprasījuma, tāpēc lietotāji lejupielādē tikai to kodu, kas nepieciešams pašlaik apskatāmajai lapai.
Mūsdienu tīmekļa lietotnēs var būt miljoniem JavaScript koda rindu. Bez koda sadalīšanas viss šis kods tiek iepakots vienā failā, ko katram lietotājam ir jāielādē, pirms lietotne kļūst interaktīva, pat ja viņi apmeklē tikai vienu lapu. Koda sadalīšana sadala lietotnes paketi mazākās daļās atkarībā no maršrutiem, komponentiem vai funkcijām.
Pārejot uz iestatījumu lapu, šis kods tiek ielādēts pēc pieprasījuma. Bibliotēkas, kas tiek izmantotas tikai konkrētās funkcijās, tiek sadalītas savās atsevišķās daļās. Ir vairāki koda sadalīšanas pieejas veidi.
Praksē
- SaaS panelis samazināja sākotnējo JavaScript paketi no 3,2 MB līdz 450 KB, izmantojot maršruta balstītu koda sadalīšanu, padarot pieteikšanās lapas ielādi ātrāku par 2 sekundēm, nevis 8
- E-komercijas vietne izmantoja slēptās ielādes (lazy loading) produktu atsauksmju komponentam (kas ietver smagu bagātīgā teksta redaktoru), ietaupot 200 KB no sākotnējās produkta lapas ielādes
- Next.js lietotne automātiski sadala kodu pa maršrutiem, tāpēc tās 50 lapu lietotnes sākumlapa ielādē tikai 120 KB JavaScript, nevis kopējos 4 MB
- Tīmekļa lietotne sadalīja diagrammu bibliotēku atsevišķā daļā, tāpēc lietotāji, kuri nekad neapmeklē analītiku paneli, nelejupielādē 500 KB diagrammu bibliotēku
Nezināt, kā tas attiecas uz jums?
Senior inženieris apstaigā jūsu objektu, jūsu meklēšanas klātbūtni un veidu, kādā nonāk pieprasījumi, un tad rakstiski norāda trīs lietas, ko vispirms vērts labot. Dokuments paliek jums neatkarīgi no rezultāta.