Prezz ta 'oqfsa JavaScript

M'hemm l-ebda mod aktar mgħaġġel biex titnaqqas websajt (l-ebda punt maħsub) milli tmexxi mazz ta 'kodiċi JavaScript fuqha. Meta tuża JavaScript, trid tħallas għalih fil-prestazzjoni tal-proġett mill-inqas erba 'darbiet. Hawn bih il-kodiċi JavaScript tas-sit jgħabbi s-sistemi tal-utenti:

  • Tlugħ ta' fajl fuq in-netwerk.
  • L-analiżi u l-kompilazzjoni tal-kodiċi tas-sors mhux ippakkjat wara t-tniżżil.
  • L-eżekuzzjoni tal-kodiċi JavaScript.
  • Konsum tal-memorja.

Din il-kombinazzjoni tirriżulta li hija għaljin ħafna.

Prezz ta 'oqfsa JavaScript

U qed ninkludu aktar u aktar kodiċi JS fil-proġetti tagħna. Hekk kif l-organizzazzjonijiet jimxu lejn siti mħaddma minn oqfsa u libreriji bħal React, Vue u oħrajn, qed nagħmlu l-funzjonalità ewlenija tas-siti dipendenti ħafna fuq JavaScript.

Rajt ħafna websajts tqal ħafna li jużaw oqfsa JavaScript. Iżda l-viżjoni tiegħi tal-kwistjoni hija preġudikata ħafna. Il-fatt hu li l-kumpaniji li naħdem magħhom jiġu għandi preċiżament għax għandhom problemi kumplessi ta’ prestazzjoni tal-websajt. Bħala riżultat, sirt kurjuż biex inkun naf kemm hi mifruxa din il-problema, u liema "multi" nħallsu meta nagħżlu qafas wieħed jew ieħor bħala l-bażi għal ċertu sit.

Dan il-proġett għenni nifhem dan. Arkivju HTTP.

Data

Il-proġett tal-Arkivju HTTP jsegwi total ta’ 4308655 link għal siti desktop regolari u 5484239 link għal siti mobbli. Fost il-ħafna indikaturi assoċjati ma 'dawn ir-rabtiet hemm lista ta' teknoloġiji misjuba fuq is-siti korrispondenti. Dan ifisser li nistgħu kampjun ta' eluf ta' siti li jużaw oqfsa u libreriji differenti u nitgħallmu kemm jibagħtu kodiċi lill-klijenti u kemm dak il-kodiċi jpoġġi fuq is-sistemi tal-utenti.

Ġbart dejta minn Marzu 2020, li kienet l-aktar dejta riċenti li kelli aċċess għaliha.

Iddeċidejt li nqabbel id-dejta tal-Arkivju HTTP aggregata għas-siti kollha b'dejta għal siti misjuba li qed jużaw React, Vue u Angular, għalkemm ikkunsidrajt li nuża materjal sors ieħor ukoll.

Biex tagħmilha aktar interessanti, żidt ukoll siti li jużaw jQuery mas-sett tad-dejta tas-sors. Din il-librerija għadha popolari ħafna. Tintroduċi wkoll approċċ għall-iżvilupp tal-websajt li huwa differenti mill-mudell tal-Applikazzjoni ta' Paġna Unika (SPA) offrut minn React, Vue u Angular.

Links fl-Arkivju HTTP li jirrappreżentaw siti li nstabu li qed jużaw teknoloġiji ta' interess għalina

Qafas jew librerija
Links għal siti mobbli
Links għal siti regolari

jQuery
4615474
3714643

Irreaġixxi
489827
241023

Vue
85649
43691

Angulari
19423
18088

Tamiet u ħolm

Qabel ma ngħaddu għall-analiżi tad-dejta, irrid nitkellem dwar dak li nixtieq nittama għalih.

Nemmen li f'dinja ideali, l-oqfsa jmorru lil hinn milli jissodisfaw il-ħtiġijiet tal-iżviluppaturi u jipprovdu xi benefiċċji konkreti lill-utenti ta 'kuljum tas-siti tagħna. Il-produttività hija biss wieħed minn dawk il-benefiċċji. L-aċċessibbiltà u s-sikurezza wkoll jiġu f'moħħna hawn. Iżda din hija biss l-iktar ħaġa importanti.

Għalhekk, f'dinja ideali, xi tip ta 'qafas għandu jagħmilha aktar faċli li tinħoloq websajt ta' prestazzjoni għolja. Dan għandu jsir jew minħabba l-fatt li l-qafas jagħti lill-iżviluppatur bażi deċenti li fuqha jibni proġett, jew minħabba l-fatt li jimponi restrizzjonijiet fuq l-iżvilupp, billi jressaq rekwiżiti għalih li jagħmluha diffiċli biex tiżviluppa xi ħaġa. li jirriżulta li jkun bil-mod.

L-aħjar oqfsa għandhom jagħmlu t-tnejn: jipprovdu bażi tajba, u jimponu restrizzjonijiet fuq ix-xogħol li jippermettulek tikseb riżultat deċenti.

L-analiżi tal-valuri medjani tad-dejta mhux se tagħtina l-informazzjoni li neħtieġu. U, fil-fatt, dan l-approċċ iħalli lil hinn mill-attenzjoni tagħna ħafna affarijiet importanti. Minflok, idderivajt punteġġi perċentili mid-dejta li kelli. Dawn huma l-10, 25, 50 (medjan), 75, 90 perċentili.

Jien partikolarment interessat fl-10 u d-90 perċentili. L-10 perċentil jirrappreżenta l-aħjar prestazzjoni (jew għall-inqas aktar jew inqas qrib l-aħjar) għal qafas partikolari. Fi kliem ieħor, dan ifisser li 10% biss tas-siti li jużaw qafas partikolari jilħqu dan il-livell, jew livell ogħla. Id-90 perċentil, min-naħa l-oħra, huwa n-naħa l-oħra tal-munita – jurina kemm jistgħu jkunu ħżiena l-affarijiet. Id-90 perċentil huwa s-siti ta 'wara—dawk l-aħħar 10% tas-siti li għandhom l-akbar ammont ta' kodiċi JS jew l-itwal żmien meħtieġ biex jipproċessaw il-kodiċi tagħhom fuq il-ħajt prinċipali.

Volumi ta 'kodiċi JavaScript

Biex tibda, jagħmel sens li tanalizza d-daqs tal-kodiċi JavaScript trażmess minn siti differenti fuq in-netwerk.

Ammont ta' kodiċi JavaScript (KB) trasferit għal tagħmir mobbli

Perċentili
10
25
50
75
90

Is-siti kollha
93.4 
196.6 
413.5 
746.8 
1201.6 

siti jQuery
110.3 
219.8 
430.4 
748.6 
1162.3 

Websajts Vue
244.7 
409.3 
692.1 
1065.5 
1570.7 

Websajts angolari
445.1 
675.6 
1066.4 
1761.5 
2893.2 

Reaġixxu websajts
345.8 
441.6 
690.3 
1238.5 
1893.6 

Prezz ta 'oqfsa JavaScript
Ammont ta' kodiċi JavaScript mibgħut lil tagħmir mobbli

Ammont ta' kodiċi JavaScript (KB) trasferit għal tagħmir tad-desktop

Perċentili
10
25
50
75
90

Is-siti kollha
105.5 
226.6 
450.4 
808.8 
1267.3 

siti jQuery
121.7 
242.2 
458.3 
803.4 
1235.3 

Websajts Vue
248.0 
420.1 
718.0 
1122.5 
1643.1 

Websajts angolari
468.8 
716.9 
1144.2 
1930.0 
3283.1 

Reaġixxu websajts
308.6 
469.0 
841.9 
1472.2 
2197.8 

Prezz ta 'oqfsa JavaScript
Ammont ta' kodiċi JavaScript trasferit għal tagħmir tad-desktop

Jekk nitkellmu biss dwar id-daqs tal-kodiċi JS li s-siti jibagħtu lill-apparati, allura kollox jidher kif tista 'tistenna. Jiġifieri, jekk jintuża wieħed mill-oqfsa, dan ifisser li anke f'sitwazzjoni ideali, il-volum tal-kodiċi JavaScript għas-sit se jiżdied. Dan mhux sorprendenti - ma tistax tagħmel qafas JavaScript il-bażi ta 'sit u tistenna li l-ammont ta' kodiċi JS għall-proġett ikun baxx ħafna.

Dak li hu interessanti dwar din id-dejta huwa li xi oqfsa u libreriji jistgħu jitqiesu bħala punti tat-tluq aħjar għal proġett minn oħrajn. Websajts b'jQuery jidhru l-aħjar. Is-siti tad-desktop tagħhom fihom 15% aktar JavaScript mis-siti kollha, u s-siti mobbli tagħhom fihom 18% aktar JavaScript. (Ċertament, hemm xi distort fid-dejta hawn. Il-fatt hu li jQuery huwa preżenti f'ħafna siti, għalhekk huwa naturali li siti bħal dawn ikunu relatati aktar mill-qrib man-numru totali ta 'siti minn oħrajn. Madankollu, dan ma jaffettwax kif id-dejta tas-sors toħroġ għal kull qafas.)

Filwaqt li t-tkabbir tal-kodiċi ta '15-18% huwa figura sinifikanti, meta mqabbla ma' oqfsa u libreriji oħra, it-taxxa imposta minn jQuery hija baxxa ħafna. Siti angolari fl-10 perċentili jibagħtu 344% aktar dejta lill-apparat tad-desktop mis-siti kollha, u 377% aktar lill-apparat mobbli. Is-siti React huma l-itqal li jmiss, billi jibagħtu 193% aktar kodiċi lill-apparat tad-desktop mis-siti kollha, u 270% aktar lill-apparat mobbli.

Semmejt qabel li għalkemm l-użu ta 'qafas ifisser li ċertu ammont ta' kodiċi se jkun inkluż fil-proġett fil-bidu nett tax-xogħol fuqu, nittama li l-qafas ikun kapaċi b'xi mod jillimita l-iżviluppatur. B'mod partikolari, qed nitkellmu dwar il-limitazzjoni tal-ammont massimu ta 'kodiċi.

X'inhu interessanti huwa li s-siti jQuery isegwu din l-idea. Għalkemm huma, fil-livell tal-10 perċentili, huma kemxejn itqal mis-siti kollha (b'15-18%), huma, fil-livell tad-90 perċentil, huma kemmxejn eħfef mis-siti kollha - b'madwar 3% kemm fil-verżjonijiet tad-desktop kif ukoll tal-mowbajl. Dan ma jfissirx li dan huwa benefiċċju sinifikanti ħafna, iżda jista 'jingħad li s-siti jQuery għall-inqas m'għandhomx daqsijiet enormi ta' kodiċi JavaScript anke fl-akbar verżjonijiet tagħhom.

Iżda ma jistax jingħad l-istess dwar oqfsa oħra.

Bħal fil-każ tal-10 perċentil, fid-90 perċentil siti fuq Angular u React huma differenti minn siti oħra, iżda huma differenti, sfortunatament, għall-agħar.

Fid-90 perċentil, is-siti Angular jibagħtu 141% aktar data lill-apparat mobbli mis-siti kollha, u 159% aktar lill-apparat tad-desktop. Is-siti React jibagħtu 73% aktar lill-apparat tad-desktop mis-siti kollha, u 58% aktar lill-apparat mobbli. Id-daqs tal-kodiċi tas-siti React fid-90 perċentil huwa 2197.8 KB. Dan ifisser li dawn is-siti jibagħtu 322.9 KB aktar dejta lill-apparat mobbli mill-eqreb kompetituri tagħhom ibbażati fuq Vue. Id-distakk bejn is-siti tad-desktop ibbażati fuq Angular u React u siti oħra huwa saħansitra akbar. Pereżempju, is-siti tad-desktop React jibagħtu 554.7 KB aktar kodiċi JS lill-apparati minn siti Vue simili.

Ħin meħud biex tipproċessa l-kodiċi JavaScript fuq il-ħajt prinċipali

Id-dejta t'hawn fuq tindika b'mod ċar li s-siti li jużaw l-oqfsa u l-libreriji studjati fihom ammonti kbar ta 'kodiċi JavaScript. Iżda, ovvjament, din hija biss parti waħda mill-ekwazzjoni tagħna.

Wara li l-kodiċi JavaScript ikun wasal fil-browser, jeħtieġ li jinġieb fi stat ta 'ħidma. Speċjalment ħafna problemi huma kkawżati minn dawk l-azzjonijiet li jridu jitwettqu bil-kodiċi fil-ħajt prinċipali tal-browser. Il-ħajta prinċipali hija responsabbli għall-ipproċessar tal-azzjonijiet tal-utent, il-kalkolu tal-istili, u l-bini u l-wiri tat-tqassim tal-paġna. Jekk tegħleb il-ħajt prinċipali b'kompiti JavaScript, mhux se jkollu l-opportunità li jlesti kompiti oħra fil-ħin. Dan iwassal għal dewmien u "brejkijiet" fl-operat tal-paġni.

Id-database tal-Arkivju HTTP fiha informazzjoni dwar kemm iddum biex tipproċessa l-kodiċi JavaScript fuq il-ħajt prinċipali tal-magna V8. Dan ifisser li nistgħu niġbru din id-dejta u nitgħallmu kemm tieħu ħin il-ħajta prinċipali biex tipproċessa l-JavaScript ta 'diversi siti.

Ħin tas-CPU (f'millisekondi) relatat mal-ipproċessar tal-iskript fuq apparat mobbli

Perċentili
10
25
50
75
90

Is-siti kollha
356.4
959.7
2372.1
5367.3
10485.8

siti jQuery
575.3
1147.4
2555.9
5511.0
10349.4

Websajts Vue
1130.0
2087.9
4100.4
7676.1
12849.4

Websajts angolari
1471.3
2380.1
4118.6
7450.8
13296.4

Reaġixxu websajts
2700.1
5090.3
9287.6
14509.6
20813.3

Prezz ta 'oqfsa JavaScript
Ħin tas-CPU relatat mal-ipproċessar tal-iskript fuq apparat mobbli

Ħin tas-CPU (f'millisekondi) relatat mal-ipproċessar tal-iskript fuq tagħmir tad-desktop

Perċentili
10
25
50
75
90

Is-siti kollha
146.0
351.8
831.0
1739.8
3236.8

siti jQuery
199.6
399.2
877.5
1779.9
3215.5

Websajts Vue
350.4
650.8
1280.7
2388.5
4010.8

Websajts angolari
482.2
777.9
1365.5
2400.6
4171.8

Reaġixxu websajts
508.0
1045.6
2121.1
4235.1
7444.3

Prezz ta 'oqfsa JavaScript
Ħin tas-CPU relatat mal-ipproċessar tal-iskript fuq tagħmir tad-desktop

Hawnhekk tista 'tara xi ħaġa familjari ħafna.

Biex nibdew, is-siti b'jQuery jonfqu ħafna inqas jipproċessaw JavaScript fuq il-ħajt prinċipali minn oħrajn. Fl-10 perċentil, meta mqabbla mas-siti kollha, is-siti jQuery fuq apparat mobbli jqattgħu 61% aktar ħin jipproċessaw il-kodiċi JS fuq il-ħajt prinċipali. Fil-każ tas-siti jQuery tad-desktop, il-ħin tal-ipproċessar jiżdied b'37%. Fid-90 perċentil, il-punteġġi tas-siti jQuery huma qrib ħafna tal-punteġġi aggregati. Speċifikament, is-siti jQuery fuq apparat mobbli jqattgħu 1.3% inqas ħin fil-ħajt prinċipali mis-siti kollha, u fuq apparati desktop jqattgħu 0.7% inqas ħin fil-ħajt prinċipali.

Fuq in-naħa l-oħra tal-klassifikazzjoni tagħna hemm oqfsa li huma kkaratterizzati mill-akbar tagħbija fuq il-ħajt prinċipali. Dan huwa, għal darb'oħra, Angolari u React. L-unika differenza bejniethom hija li, għalkemm is-siti Angular jibagħtu ammonti akbar ta 'kodiċi lill-browsers minn siti React, jieħu inqas ħin tas-CPU biex jipproċessa l-kodiċi tas-siti Angular. Wisq inqas.

Fl-10 perċentil, is-siti tad-desktop Angular jonfqu 230% aktar ħin tal-ħajt prinċipali jipproċessaw il-kodiċi JS mis-siti kollha. Għal siti mobbli din iċ-ċifra hija 313%. Is-siti React għandhom l-agħar prestazzjoni. Fuq apparat tad-desktop iqattgħu 248% aktar ħin jipproċessaw il-kodiċi mis-siti kollha, u fuq apparat mobbli jqattgħu 658% aktar ħin jipproċessaw il-kodiċi. 658% mhuwiex typo. Fl-10 perċentil, is-siti React iqattgħu 2.7 sekondi tal-ħin tal-ħajt prinċipali jipproċessaw il-kodiċi eżistenti tagħhom.

In-numri tad-90 perċentil jidhru mill-inqas ftit aħjar meta mqabbla ma 'dawn in-numri enormi. Proġetti angolari, meta mqabbla mas-siti kollha, iqattgħu 29% aktar ħin fil-ħajt prinċipali fuq apparat tad-desktop, u 27% aktar ħin fuq apparat mobbli. Fil-każ tas-siti React, indikaturi simili jidhru qishom 130% u 98%, rispettivament.

Il-perċentwali tad-devjazzjoni għad-90 perċentil jidhru aħjar mill-valuri simili għall-10 perċentil. Iżda hawnhekk ta 'min jiftakar li n-numri li jindikaw il-ħin jidhru pjuttost tal-biża'. Ejja ngħidu - 20.8 sekondi fil-ħajt prinċipali ta 'apparat mobbli għal sit mibni fuq React. (Nemmen li l-istorja ta 'dak li fil-fatt jiġri matul dan iż-żmien hija denja ta' artiklu separat).

Hemm kumplikazzjoni potenzjali waħda hawn (grazzi Ġeremija talli ġibidli l-attenzjoni għal din il-karatteristika, u talli eżaminajt bir-reqqa d-dejta minn dan il-lat). Il-fatt hu li ħafna siti jużaw diversi għodod front-end. B'mod partikolari, rajt ħafna siti jużaw jQuery flimkien ma' React jew Vue peress li dawn is-siti jemigraw minn jQuery għal oqfsa jew libreriji oħra. Bħala riżultat, mort lura għad-database, din id-darba għażilt biss dawk ir-rabtiet li jikkorrispondu għal siti li użaw biss React, jQuery, Angular jew Vue, iżda mhux xi kombinazzjoni tagħhom. Hawn dak li sibt.

Ħin tal-proċessur (f'millisekondi) relatat mal-ipproċessar tal-iskript fuq apparat mobbli f'sitwazzjonijiet fejn is-siti jużaw qafas wieħed biss jew librerija waħda biss

Perċentili
10
25
50
75
90

Siti li jużaw biss jQuery
542.9
1062.2
2297.4
4769.7
8718.2

Siti li jużaw biss Vue
944.0
1716.3
3194.7
5959.6
9843.8

Siti li jużaw biss Angular
1328.9
2151.9
3695.3
6629.3
11607.7

Websajts li jużaw biss React
2443.2
4620.5
10061.4
17074.3
24956.3

Prezz ta 'oqfsa JavaScript
Ħin tal-proċessur relatat mal-ipproċessar ta' skripts fuq apparat mobbli f'sitwazzjoni fejn is-siti jużaw qafas wieħed biss, jew librerija waħda biss

L-ewwel, xi ħaġa li mhix sorprendenti: meta sit juża biss qafas wieħed jew librerija waħda, il-prestazzjoni ta 'sit bħal dan titjieb aktar spiss milli le. Il-prestazzjoni għal kull strument tidher aħjar fl-10 u l-25 perċentili. Jagħmel sens. Sit li huwa magħmul bl-użu ta 'qafas wieħed għandu jkun aktar mgħaġġel minn sit li huwa magħmul bl-użu ta' żewġ oqfsa jew libreriji jew aktar.

Fil-fatt, il-punteġġi għal kull għodda ta 'quddiem li eżaminajna dehru aħjar fil-każijiet kollha, b'eċċezzjoni waħda kurjuża. Dak li ssorprendi kien li fil-50 perċentil u 'l fuq, is-siti li jużaw React jaħdmu agħar meta React hija l-unika librerija li jużaw. Din, mill-mod, kienet ir-raġuni li jien nippreżenta din id-dejta hawn.

Din hija xi ftit stramba, imma xorta se nipprova nfittex spjegazzjoni għal din l-stramba.

Jekk proġett juża kemm React kif ukoll jQuery, allura dak il-proġett x'aktarx ikun x'imkien fin-nofs fil-proċess tal-migrazzjoni minn jQuery għal React. Forsi għandu codebase li fiha jitħalltu dawn il-libreriji. Peress li diġà rajna li s-siti jQuery jqattgħu inqas ħin fuq il-ħajt prinċipali mis-siti React, dan jista 'jgħidilna li l-implimentazzjoni ta' xi funzjonalità f'jQuery tgħin biex ittejjeb xi ftit il-prestazzjoni tas-sit.

Iżda hekk kif il-proġett jimxi minn jQuery għal React u jiddependi aktar u aktar fuq React, is-sitwazzjoni tinbidel. Jekk is-sit huwa magħmul bi kwalità tassew għolja, u l-iżviluppaturi tas-sit jużaw React bir-reqqa, allura kollox ikun tajjeb ma 'sit bħal dan. Iżda għas-sit medju ta 'React, l-użu estensiv ta' React ifisser li l-ħajta prinċipali hija soġġetta għal żieda fit-tagħbija.

Id-distakk bejn apparat mobbli u desktop

Mod ieħor kif ħarist lejn id-dejta kien li nesplora kemm hi kbira d-distakk bejn l-esperjenzi tal-mowbajl u dawk tad-desktop. Jekk nitkellmu dwar it-tqabbil tal-volumi tal-kodiċi JavaScript, allura tali paragun ma jiżvela xejn terribbli. Naturalment, ikun sabiħ li tara ammonti iżgħar ta 'kodiċi li jista' jitniżżel, iżda m'hemmx ħafna differenza fl-ammont ta 'kodiċi mobbli u desktop.

Imma jekk tanalizza l-ħin meħtieġ biex tipproċessa l-kodiċi, vojt kbir ħafna bejn apparat mobbli u desktop isir notevoli.

Żieda fil-ħin (f'perċentwali) relatata mal-ipproċessar tal-iskript fuq apparat mobbli meta mqabbel ma' dawk tad-desktop

Perċentili
10
25
50
75
90

Is-siti kollha
144.1
172.8
185.5
208.5
224.0

siti jQuery
188.2
187.4
191.3
209.6
221.9

Websajts Vue
222.5
220.8
220.2
221.4
220.4

Websajts angolari
205.1
206.0
201.6
210.4
218.7

Reaġixxu websajts
431.5
386.8
337.9
242.6
179.6

Filwaqt li xi differenza fil-veloċità tal-ipproċessar tal-kodiċi bejn telefon u laptop hija mistennija, numri kbar bħal dawn jgħiduli li l-oqfsa moderni mhumiex immirati biżżejjed lejn apparati ta 'enerġija baxxa u x-xewqa li jingħalqu d-distakk li ġie identifikat. Anke fl-10 perċentil, is-siti React iqattgħu 431.5% aktar ħin fuq il-ħajt prinċipali mobbli milli fuq il-ħajt prinċipali tad-desktop. jQuery għandu l-iżgħar differenza, iżda anke hawn iċ-ċifra korrispondenti hija 188.2%. Meta l-iżviluppaturi tal-websajts jagħmlu l-proġetti tagħhom b'tali mod li jeħtieġu aktar ħin tas-CPU biex jipproċessawhom (u dan huwa dak li jiġri, u jmur għall-agħar maż-żmien), is-sidien ta 'tagħmir b'enerġija baxxa jridu jħallsu għaliha.

Riżultati ta '

Oqfsa tajbin għandhom jagħtu lill-iżviluppaturi pedament tajjeb għall-bini ta' proġetti tal-web (f'termini ta' sigurtà, aċċessibbiltà, prestazzjoni), jew għandu jkollhom restrizzjonijiet inkorporati li jagħmluha diffiċli biex tinħoloq xi ħaġa li tikser dawk ir-restrizzjonijiet.

Dan ma jidhirx li japplika għall-prestazzjoni tal-proġetti tal-web (u apparentement għal tagħhom aċċessibbiltà).

Ta 'min jinnota li sempliċement minħabba li s-siti React jew Angular iqattgħu aktar ħin tas-CPU biex jippreparaw il-kodiċi minn oħrajn ma jfissirx neċessarjament li s-siti React huma aktar intensivi fis-CPU mis-siti Vue meta jaħdmu. Fil-fatt, id-dejta li ħares lejna tgħid ftit li xejn dwar il-prestazzjoni operattiva tal-oqfsa u l-libreriji. Jitkellmu aktar dwar l-approċċi ta 'żvilupp li, konxjament jew le, dawn l-oqfsa jistgħu jimbuttaw lill-programmaturi lejhom. Qed nitkellmu dwar dokumentazzjoni għall-oqfsa, l-ekosistema tagħhom, u tekniki ta 'żvilupp komuni.

Ta 'min isemmi wkoll xi ħaġa li aħna ma analizzajniex hawn, jiġifieri, kemm l-apparat iqatta' ħin biex jesegwixxi kodiċi JavaScript meta jgħaddi bejn il-paġni tas-sit. L-argument favur SPA huwa li ladarba l-applikazzjoni ta’ paġna waħda titgħabba fil-browser, l-utent, fit-teorija, ikun jista’ jaċċessa l-paġni tas-sit aktar malajr. L-esperjenza tiegħi stess tgħidli li dan huwa 'l bogħod minn fatt. Iżda m'għandniex data biex niċċaraw din il-kwistjoni.

Li hu ċar huwa li jekk tuża qafas jew librerija biex toħloq websajt, tkun qed tagħmel kompromess f'termini ta 'tagħbija inizjalment il-proġett u tlestih biex imur. Dan japplika anke għall-aktar xenarji pożittivi.

Huwa possibbli li jsiru xi kompromessi f'sitwazzjonijiet xierqa, iżda huwa importanti li l-iżviluppaturi jagħmlu kompromessi bħal dawn b'mod konxju.

Imma għandna wkoll raġuni għall-ottimiżmu. Ninsab imħeġġeġ minn kemm l-iżviluppaturi tal-Chrome qed jaħdmu mill-qrib ma 'dawk li huma wara xi wħud mill-għodod ta' quddiem li koprejna biex jgħinu jtejbu l-prestazzjoni ta 'dawk l-għodod.

Madankollu, jien persuna prammatika. Arkitetturi ġodda joħolqu problemi ta' prestazzjoni kemm-il darba jsolvuhom. U jieħu ż-żmien biex jiġu eliminati n-nuqqasijiet. Hekk kif m’għandniex nistennew hekk teknoloġiji ġodda tan-netwerk se ssolvi l-problemi kollha tal-prestazzjoni, m'għandekx tistenna dan minn verżjonijiet ġodda tal-oqfsa favoriti tagħna.

Jekk trid tuża waħda mill-għodod ta 'quddiem diskussi f'dan il-materjal, dan ifisser li ser ikollok tagħmel sforzi addizzjonali biex tiżgura li, inċidentalment, ma tagħmilx ħsara lill-prestazzjoni tal-proġett tiegħek. Hawn huma xi kunsiderazzjonijiet li għandek tikkunsidra qabel tibda tuża qafas ġdid:

  • Iċċekkja lilek innifsek b'sens komun. Għandek bżonn verament tuża l-qafas magħżul tiegħek? JavaScript pur jista 'jagħmel ħafna llum.
  • Hemm alternattiva eħfef għall-qafas tal-għażla tiegħek (bħal Preact, Svelte jew xi ħaġa oħra) li tista’ tagħtik 90% tal-kapaċitajiet ta’ dak il-qafas?
  • Jekk diġà qed tuża qafas, aħseb dwar jekk hemmx xi ħaġa li toffri għażliet standard aħjar, aktar konservattivi (pereżempju, Nuxt.js minflok Vue, Next.js minflok React, eċċ.).
  • X'se tiegħek baġit Prestazzjoni JavaScript?
  • Kif tista' limitu proċess ta' żvilupp biex jagħmilha aktar diffiċli li tintroduċi aktar kodiċi JavaScript fi proġett milli hu assolutament meħtieġ?
  • Jekk qed tuża qafas għall-faċilità ta 'żvilupp, ikkunsidra għandek bżonn tibgħat kodiċi ta 'qafas lill-klijenti. Forsi tista 'ssolvi l-kwistjonijiet kollha fuq is-server?

Normalment, dawn l-ideat ta 'min jagħti ħarsa aktar mill-qrib lejn, irrispettivament minn dak li eżattament tagħżel li tiżviluppa l-parti ta' quddiem. Iżda huma speċjalment importanti meta tkun qed taħdem fuq proġett li m'għandux prestazzjoni biex tibda.

Għeżież qarrejja! X'tara bħala l-qafas JavaScript ideali?

Prezz ta 'oqfsa JavaScript

Sors: www.habr.com

Żid kumment