Tsis muaj txoj hauv kev kom qeeb lub vev xaib (tsis muaj pun npaj) dua li khiav ib pawg ntawm JavaScript code rau nws. Thaum siv JavaScript, koj yuav tsum them rau nws hauv qhov project ua haujlwm tsawg kawg plaub zaug. Nov yog qhov chaw ntawm JavaScript code loads cov neeg siv cov tshuab nrog:
- Uploading ib cov ntaub ntawv nyob rau hauv lub network.
- Parsing thiab compiling lub unpacked qhov chaws tom qab daus.
- Ua haujlwm JavaScript code.
- Nco noj.
Qhov kev sib xyaw ua ke no dhau los ua .
Thiab peb suav nrog ntau thiab ntau JS code hauv peb cov haujlwm. Raws li cov koom haum tsiv mus rau cov chaw siv los ntawm lub moj khaum thiab cov tsev qiv ntawv zoo li React, Vue thiab lwm yam, peb tab tom ua cov haujlwm tseem ceeb ntawm cov chaw nyob ntawm JavaScript.
Kuv tau pom ntau lub vev xaib hnyav heev uas siv JavaScript moj khaum. Tab sis kuv lub zeem muag ntawm qhov teeb meem yog qhov tsis ncaj ncees lawm. Qhov tseeb yog tias cov tuam txhab uas kuv ua haujlwm nrog tuaj rau kuv meej vim tias lawv muaj teeb meem kev ua haujlwm hauv lub vev xaib nyuaj. Yog li ntawd, kuv tau xav paub ntau npaum li cas qhov teeb meem no yog, thiab qhov "nplua nuj" peb them thaum peb xaiv ib qho los yog lwm lub hauv paus rau ib qho chaw.
Qhov project no tau pab kuv paub qhov no. .
cov ntaub ntawv
Qhov project HTTP Archive taug qab tag nrho ntawm 4308655 txuas mus rau qhov chaw desktop tsis tu ncua thiab 5484239 txuas mus rau qhov chaw txawb. Ntawm ntau qhov ntsuas cuam tshuam nrog cov kev sib txuas no yog cov npe ntawm cov thev naus laus zis pom ntawm cov chaw sib txuas. Qhov no txhais tau tias peb tuaj yeem ua piv txwv ntau txhiab qhov chaw uas siv cov qauv sib txawv thiab cov tsev qiv ntawv thiab kawm paub ntau npaum li cas lawv xa mus rau cov neeg siv khoom thiab ntau npaum li cas cov lej ntawd tso rau cov neeg siv cov tshuab.
Kuv tau sau cov ntaub ntawv txij lub Peb Hlis 2020, uas yog cov ntaub ntawv tsis ntev los no kuv tau nkag mus.
Kuv txiav txim siab los sib piv cov ntaub ntawv HTTP Archive sib sau rau txhua qhov chaw nrog cov ntaub ntawv rau cov chaw pom tias siv React, Vue, thiab Angular, txawm tias kuv xav siv lwm cov khoom siv thiab.
Txhawm rau ua kom nthuav dav ntxiv, kuv kuj tau ntxiv cov vev xaib uas siv jQuery rau cov ntaub ntawv teev tseg. Lub tsev qiv ntawv no tseem nrov heev. Nws kuj qhia txog txoj hauv kev rau kev txhim kho lub vev xaib uas txawv ntawm Ib Daim Ntawv Thov Daim Ntawv Thov (SPA) tus qauv muab los ntawm React, Vue thiab Angular.
Cov txuas hauv HTTP Archive sawv cev rau cov chaw uas tau pom tias siv cov thev naus laus zis txaus siab rau peb
Ncej lossis tsev qiv ntawv
Txuas mus rau qhov chaw txawb
Txuas mus rau qhov chaw tsis tu ncua
jQuery
4615474
3714643
React
489827
241023
Vue
85649
43691
angular
19423
18088
Kev cia siab thiab kev npau suav
Ua ntej peb tsiv mus rau kev tshuaj xyuas cov ntaub ntawv, kuv xav tham txog qhov kuv xav cia siab rau.
Kuv ntseeg tias nyob rau hauv lub ntiaj teb zoo tagnrho, lub moj khaum yuav dhau mus dhau qhov kev xav tau ntawm cov neeg tsim khoom thiab muab qee cov txiaj ntsig zoo rau cov neeg siv niaj hnub ntawm peb qhov chaw. Productivity tsuas yog ib qho ntawm cov txiaj ntsig. Kev nkag mus tau yooj yim thiab kev nyab xeeb kuj tuaj txog ntawm no. Tab sis qhov no tsuas yog qhov tseem ceeb tshaj plaws.
Yog li, nyob rau hauv lub ntiaj teb zoo tagnrho, qee yam kev ua haujlwm yuav tsum ua kom yooj yim los tsim lub vev xaib ua haujlwm siab. Qhov no yuav tsum tau ua los ntawm qhov tseeb tias lub moj khaum muab rau tus tsim tawm lub hauv paus tsim nyog rau kev tsim ib qhov project, los yog vim qhov tseeb tias nws txwv txoj kev loj hlob, muab cov kev xav tau rau nws uas ua rau nws nyuaj rau tsim ib yam dab tsi. uas hloov mus qeeb.
Cov txheej txheem zoo tshaj plaws yuav tsum ua ob qho tib si: muab lub hauv paus zoo, thiab txwv tsis pub ua haujlwm uas tso cai rau koj ua tiav qhov txiaj ntsig zoo.
Kev txheeb xyuas qhov txiaj ntsig nruab nrab ntawm cov ntaub ntawv yuav tsis muab cov ntaub ntawv peb xav tau. Thiab, qhov tseeb, txoj hauv kev no tawm dhau peb qhov kev mloog . Hloov chaw, kuv tau txais cov qhab nia feem pua ntawm cov ntaub ntawv kuv muaj. Cov no yog 10, 25, 50 ( nruab nrab), 75, 90 feem pua.
Kuv txaus siab tshwj xeeb rau 10th thiab 90 feem pua. Qhov 10 feem pua yog sawv cev rau qhov kev ua tau zoo tshaj plaws (lossis tsawg kawg yog ntau dua los yog tsawg dua ze rau qhov zoo tshaj plaws) rau ib lub moj khaum. Hauv lwm lo lus, qhov no txhais tau hais tias tsuas yog 10% ntawm cov chaw siv ib lub moj khaum mus txog qib no, lossis qib siab dua. Qhov 90 feem pua, ntawm qhov tod tes, yog lwm sab ntawm lub npib - nws qhia peb tias yam phem yuav ua li cas. Qhov 90 feem pua yog qhov chaw tom qab - cov kawg 10% ntawm cov chaw uas muaj cov lej loj tshaj plaws ntawm JS lossis lub sijhawm ntev tshaj plaws uas yuav tsum tau ua lawv cov lej ntawm cov xov tseem ceeb.
Volumes ntawm JavaScript code
Yuav pib nrog, nws ua rau kev txiav txim siab qhov loj ntawm JavaScript code kis los ntawm cov chaw sib txawv hauv lub network.
Tus lej ntawm JavaScript code (KB) pauv mus rau cov khoom siv mobile
Cov feem pua
10
25
50
75
90
Txhua qhov chaw
93.4
196.6
413.5
746.8
1201.6
jQuery chaw
110.3
219.8
430.4
748.6
1162.3
Vue cov websites
244.7
409.3
692.1
1065.5
1570.7
Angular cov websites
445.1
675.6
1066.4
1761.5
2893.2
React cov vev xaib
345.8
441.6
690.3
1238.5
1893.6
Tus lej ntawm JavaScript code xa mus rau cov khoom siv mobile
Tus nqi ntawm JavaScript code (KB) pauv mus rau desktop li
Cov feem pua
10
25
50
75
90
Txhua qhov chaw
105.5
226.6
450.4
808.8
1267.3
jQuery chaw
121.7
242.2
458.3
803.4
1235.3
Vue cov websites
248.0
420.1
718.0
1122.5
1643.1
Angular cov websites
468.8
716.9
1144.2
1930.0
3283.1
React cov vev xaib
308.6
469.0
841.9
1472.2
2197.8
Tus lej ntawm JavaScript code pauv mus rau desktop li
Yog tias peb tham txog qhov loj ntawm JS code uas cov chaw xa mus rau cov khoom siv, ces txhua yam zoo li koj xav tau. Namely, yog tias ib qho ntawm cov qauv siv, qhov no txhais tau hais tias txawm tias nyob rau hauv qhov xwm txheej zoo, qhov ntim ntawm JavaScript code rau lub xaib yuav nce. Qhov no tsis yog qhov xav tsis thoob - koj tuaj yeem ua tsis tau JavaScript lub hauv paus ntawm lub xaib thiab cia siab tias tus lej ntawm JS code rau qhov project yuav tsawg heev.
Dab tsi nthuav txog cov ntaub ntawv no yog tias qee lub moj khaum thiab cov tsev qiv ntawv yuav raug txiav txim siab pib cov ntsiab lus zoo dua rau qhov project dua li lwm tus. Cov vev xaib nrog jQuery zoo tshaj plaws. Lawv lub vev xaib desktop muaj 15% ntau JavaScript dua li txhua qhov chaw, thiab lawv lub vev xaib mobile muaj 18% ntau JavaScript. (Tau lees paub, muaj qee qhov skew hauv cov ntaub ntawv ntawm no. Qhov tseeb yog tias jQuery muaj nyob rau hauv ntau qhov chaw, yog li nws yog qhov tseeb tias cov chaw zoo li no muaj feem cuam tshuam nrog tag nrho cov chaw tshaj li lwm tus. Txawm li cas los xij, qhov no tsis cuam tshuam li cas. cov ntaub ntawv qhov chaw yog tso tawm rau txhua lub moj khaum.)
Thaum 15-18% kev loj hlob code yog ib qho tseem ceeb, thaum piv rau lwm lub moj khaum thiab cov tsev qiv ntawv, cov se tau los ntawm jQuery yog tsawg heev. Angular sites nyob rau hauv 10 feem pua xa 344% ntau cov ntaub ntawv rau cov khoom siv desktop dua li txhua qhov chaw, thiab 377% ntau dua rau cov khoom siv mobile. React sites yog qhov hnyav tshaj plaws tom ntej, xa 193% ntau tus lej rau cov khoom siv desktop dua li txhua qhov chaw, thiab 270% ntxiv rau cov khoom siv mobile.
Kuv tau hais ua ntej tias txawm tias siv lub moj khaum txhais tau hais tias qee tus lej ntawm cov lej yuav suav nrog hauv qhov project thaum pib ua haujlwm ntawm nws, kuv vam tias lub moj khaum tuaj yeem txwv qee tus neeg tsim tawm. Tshwj xeeb, peb tab tom tham txog kev txwv cov lej siab tshaj plaws.
Dab tsi nthuav yog qhov chaw jQuery ua raws li lub tswv yim no. Txawm hais tias lawv, ntawm qib 10 feem pua, yog me ntsis hnyav dua li txhua qhov chaw (los ntawm 15-18%), lawv, ntawm 90 feem pua ntawm qib, yog me ntsis sib zog dua txhua qhov chaw - txog 3% hauv ob qho tib si desktop thiab mobile versions. Qhov no tsis yog hais tias qhov no yog qhov txiaj ntsig tseem ceeb, tab sis nws tuaj yeem hais tau tias jQuery qhov chaw tsawg kawg tsis muaj qhov loj ntawm JavaScript code qhov ntau thiab tsawg txawm nyob hauv lawv cov ntawv loj tshaj plaws.
Tab sis tib yam tsis tuaj yeem hais txog lwm lub moj khaum.
Ib yam li ntawm 10 feem pua, ntawm 90 feem pua ntawm qhov chaw ntawm Angular thiab React txawv ntawm lwm qhov chaw, tab sis lawv txawv, hmoov tsis, rau qhov phem dua.
Ntawm 90 feem pua, Angular sites xa 141% ntau cov ntaub ntawv rau cov khoom siv mobile dua li txhua qhov chaw, thiab 159% ntau dua rau cov khoom siv desktop. React sites xa 73% ntau dua rau cov khoom siv desktop dua li txhua qhov chaw, thiab 58% ntau dua rau cov khoom siv txawb. Tus lej loj ntawm React sites ntawm 90 feem pua yog 2197.8 KB. Qhov no txhais tau hais tias cov chaw no xa 322.9 KB ntau cov ntaub ntawv rau cov khoom siv mobile dua li lawv cov neeg sib tw Vue ze tshaj plaws. Qhov sib txawv ntawm desktop sites raws li Angular thiab React thiab lwm qhov chaw yog ntau dua. Piv txwv li, React desktop sites xa 554.7 KB ntau JS code rau cov khoom siv dua li cov chaw Vue zoo sib xws.
Lub sijhawm siv los ua cov txheej txheem JavaScript ntawm cov xov tseem ceeb
Cov ntaub ntawv saum toj no qhia meej meej tias cov chaw siv lub moj khaum thiab cov tsev qiv ntawv kawm muaj ntau tus lej JavaScript. Tab sis, tau kawg, qhov no tsuas yog ib feem ntawm peb qhov sib npaug.
Tom qab JavaScript code tau tuaj txog hauv browser, nws yuav tsum tau coj mus rau hauv lub xeev ua haujlwm. Tshwj xeeb tshaj yog muaj ntau yam teeb meem tshwm sim los ntawm cov kev ua uas yuav tsum tau nqa tawm nrog code nyob rau hauv lub ntsiab browser xov. Cov xov tseem ceeb yog lub luag haujlwm rau kev ua cov neeg siv kev ua, suav cov qauv, thiab tsim thiab nthuav tawm nplooj ntawv layout. Yog tias koj hla cov xov tseem ceeb nrog cov haujlwm JavaScript, nws yuav tsis muaj sijhawm los ua kom tiav lwm yam haujlwm raws sijhawm. Qhov no ua rau qeeb thiab "brakes" hauv kev ua haujlwm ntawm nplooj ntawv.
HTTP Archive database muaj cov ntaub ntawv hais txog nws yuav siv sijhawm ntev npaum li cas los ua JavaScript code ntawm cov xov tseem ceeb ntawm lub cav V8. Qhov no txhais tau tias peb tuaj yeem sau cov ntaub ntawv no thiab kawm ntau npaum li cas cov xov tseem ceeb siv sijhawm los ua cov JavaScript ntawm ntau qhov chaw.
CPU sij hawm (hauv milliseconds) ntsig txog kev sau ntawv ntawm cov khoom siv txawb
Cov feem pua
10
25
50
75
90
Txhua qhov chaw
356.4
959.7
2372.1
5367.3
10485.8
jQuery chaw
575.3
1147.4
2555.9
5511.0
10349.4
Vue cov websites
1130.0
2087.9
4100.4
7676.1
12849.4
Angular cov websites
1471.3
2380.1
4118.6
7450.8
13296.4
React cov vev xaib
2700.1
5090.3
9287.6
14509.6
20813.3
CPU sij hawm cuam tshuam txog kev sau ntawv ntawm cov khoom siv mobile
CPU lub sij hawm (hauv milliseconds) ntsig txog kev sau ntawv ntawm cov khoom siv desktop
Cov feem pua
10
25
50
75
90
Txhua qhov chaw
146.0
351.8
831.0
1739.8
3236.8
jQuery chaw
199.6
399.2
877.5
1779.9
3215.5
Vue cov websites
350.4
650.8
1280.7
2388.5
4010.8
Angular cov websites
482.2
777.9
1365.5
2400.6
4171.8
React cov vev xaib
508.0
1045.6
2121.1
4235.1
7444.3
CPU sij hawm cuam tshuam txog kev sau ntawv ntawm cov khoom siv desktop
Ntawm no koj tuaj yeem pom qee yam uas paub zoo.
Rau qhov pib, cov chaw nrog jQuery siv tsawg dua ua JavaScript ntawm cov xov tseem ceeb dua li lwm tus. Ntawm 10 feem pua, piv rau txhua qhov chaw, jQuery qhov chaw ntawm cov khoom siv mobile siv 61% ntau lub sijhawm ua JS code ntawm cov xov tseem ceeb. Nyob rau hauv rooj plaub ntawm desktop jQuery qhov chaw, lub sijhawm ua haujlwm nce 37%. Ntawm 90 feem pua, jQuery qhov chaw 'cov qhab nia yog ze rau cov qhab nia sib sau. Tshwj xeeb, jQuery qhov chaw ntawm cov khoom siv txawb siv 1.3% tsawg lub sijhawm hauv cov xov tseem ceeb dua li txhua qhov chaw, thiab ntawm cov khoom siv desktop lawv siv 0.7% tsawg lub sijhawm hauv cov xov tseem ceeb.
Nyob rau sab nraud ntawm peb qhov kev ntsuam xyuas yog lub moj khaum uas yog tus cwj pwm los ntawm kev thauj khoom loj tshaj plaws ntawm cov xov tseem ceeb. Qhov no yog, dua, Angular thiab React. Qhov sib txawv ntawm lawv tsuas yog tias, txawm hais tias Angular sites xa cov lej loj rau browsers dua li cov chaw React, nws siv sijhawm tsawg dua CPU los ua cov cai ntawm Angular sites. Tsawg dua.
Ntawm 10 feem pua, Angular desktop sites siv 230% ntau lub sijhawm xov tseem ceeb ua JS code tshaj txhua qhov chaw. Rau cov chaw txawb no daim duab no yog 313%. React sites muaj qhov ua tau zoo tshaj plaws. Ntawm cov khoom siv desktop lawv siv 248% sijhawm ua cov lej ntau dua li txhua qhov chaw, thiab ntawm cov khoom siv mobile lawv siv 658% ntau lub sijhawm ua cov lej. 658% tsis yog typo. Ntawm 10 feem pua, Cov chaw React siv 2.7 vib nas this ntawm lub sijhawm xov tseem ceeb ua lawv cov cai uas twb muaj lawm.
Tus lej 90 feem pua zoo dua me ntsis thaum piv rau cov lej loj no. Angular tej yaam num, piv rau txhua qhov chaw, siv 29% ntau lub sij hawm nyob rau hauv lub ntsiab xov ntawm desktop li, thiab 27% ntau lub sij hawm ntawm mobile pab kiag li lawm. Nyob rau hauv cov ntaub ntawv ntawm React sites, cov cim zoo sib xws zoo li 130% thiab 98%, feem.
Qhov sib txawv feem pua ntawm 90 feem pua zoo dua li qhov zoo sib xws rau 10 feem pua. Tab sis ntawm no nws tsim nyog nco ntsoov tias cov lej qhia lub sijhawm zoo li txaus ntshai heev. Cia peb hais - 20.8 vib nas this hauv cov xov tseem ceeb ntawm lub xov tooj ntawm tes rau lub vev xaib tsim los ntawm React. (Kuv ntseeg tias zaj dab neeg ntawm qhov tshwm sim tiag tiag thaum lub sijhawm no yog tsim nyog ntawm ib tsab xov xwm cais).
Muaj ib qho teeb meem ntawm no (ua tsaug rau rub kuv lub siab rau qhov no, thiab ua tib zoo tshuaj xyuas cov ntaub ntawv los ntawm qhov kev pom no). Qhov tseeb yog tias ntau qhov chaw siv ntau yam cuab yeej pem hauv ntej. Tshwj xeeb, kuv tau pom ntau lub vev xaib siv jQuery nrog rau React lossis Vue raws li cov chaw no tsiv tawm ntawm jQuery mus rau lwm lub moj khaum lossis cov tsev qiv ntawv. Raws li qhov tshwm sim, kuv tau rov qab mus rau hauv cov ntaub ntawv, lub sijhawm no xaiv tsuas yog cov kev sib txuas uas sib txuas rau cov vev xaib uas tsuas yog siv React, jQuery, Angular lossis Vue, tab sis tsis muaj kev sib txuas ntawm lawv. Nov yog qhov kuv tau txais.
Tus txheej txheem lub sij hawm (hauv milliseconds) ntsig txog kev sau ntawv ntawm cov khoom siv mobile hauv cov xwm txheej uas cov chaw siv tsuas yog ib lub moj khaum lossis tsuas yog ib lub tsev qiv ntawv xwb
Cov feem pua
10
25
50
75
90
Cov chaw uas siv jQuery nkaus xwb
542.9
1062.2
2297.4
4769.7
8718.2
Cov chaw uas siv Vue xwb
944.0
1716.3
3194.7
5959.6
9843.8
Cov chaw uas siv Angular nkaus xwb
1328.9
2151.9
3695.3
6629.3
11607.7
Cov vev xaib uas siv tsuas yog React
2443.2
4620.5
10061.4
17074.3
24956.3
Lub sijhawm tus txheej txheem cuam tshuam txog kev ua cov ntawv sau ntawm lub xov tooj ntawm tes hauv qhov xwm txheej uas cov chaw siv tsuas yog ib lub moj khaum, lossis tsuas yog ib lub tsev qiv ntawv xwb
Ua ntej, ib yam dab tsi uas tsis yog qhov xav tsis thoob: thaum lub vev xaib tsuas yog siv ib lub moj khaum lossis ib lub tsev qiv ntawv xwb, qhov kev ua tau zoo ntawm lub xaib no txhim kho ntau dua li qhov tsis yog. Qhov kev ua tau zoo rau txhua qhov ntsuas tau zoo dua ntawm 10 thiab 25 feem pua. Nws ua rau kev nkag siab. Ib lub vev xaib uas tau tsim los siv ib lub moj khaum yuav tsum tau nrawm dua li lub vev xaib uas tau tsim los siv ob lossis ntau lub moj khaum lossis cov tsev qiv ntawv.
Qhov tseeb, cov qhab nias rau txhua qhov cuab yeej pem hauv ntej peb tau tshuaj xyuas zoo dua nyob rau hauv txhua rooj plaub, nrog rau ib qho kev zam. Dab tsi ua rau kuv xav tsis thoob yog tias ntawm 50 feem pua thiab siab dua, cov chaw siv React ua phem dua thaum React yog tib lub tsev qiv ntawv uas lawv siv. Qhov no, los ntawm txoj kev, yog vim li cas kuv nthuav qhia cov ntaub ntawv no.
Qhov no yog me ntsis txawv txawv, tab sis kuv tseem yuav sim nrhiav kev piav qhia txog qhov txawv txav no.
Yog tias ib qhov project siv ob qho tib si React thiab jQuery, ces qhov project no feem ntau yuav nyob rau ib nrab ntawm txoj kev tsiv teb tsaws ntawm jQuery mus rau React. Tej zaum nws muaj codebase uas cov tsev qiv ntawv no sib xyaw. Txij li thaum peb twb pom tias cov chaw jQuery siv sijhawm tsawg dua ntawm cov xov tseem ceeb dua li cov chaw React, qhov no yuav qhia peb tias kev siv qee qhov haujlwm hauv jQuery pab txhim kho qhov chaw ua haujlwm me ntsis.
Tab sis raws li qhov project txav los ntawm jQuery rau React thiab tso siab rau ntau thiab ntau dua ntawm React, qhov xwm txheej hloov. Yog tias lub vev xaib raug tsim los nrog qhov zoo tiag tiag, thiab cov neeg tsim khoom siv lub vev xaib siv React ua tib zoo, ces txhua yam yuav zoo nrog lub xaib zoo li no. Tab sis rau qhov chaw nruab nrab React, kev siv ntau ntawm React txhais tau hais tias cov xov tseem ceeb yuav raug nce ntxiv.
Qhov sib txawv ntawm cov khoom siv mobile thiab desktop
Lwm txoj hauv kev uas kuv tau saib cov ntaub ntawv yog tshawb nrhiav qhov sib txawv loj npaum li cas ntawm cov kev paub ntawm mobile thiab desktop. Yog tias peb tham txog kev sib piv cov ntim ntawm JavaScript code, ces qhov kev sib piv no tsis qhia dab tsi txaus ntshai. Tau kawg, nws yuav zoo rau pom me me ntawm cov lej rub tawm, tab sis tsis muaj qhov sib txawv ntau ntawm cov lej ntawm lub xov tooj ntawm tes thiab desktop.
Tab sis yog tias koj txheeb xyuas lub sijhawm xav tau los ua cov lej, qhov sib txawv loj heev ntawm cov khoom siv mobile thiab desktop yuav pom tau.
Nce lub sij hawm (hauv feem pua) ntsig txog kev sau ntawv ntawm cov khoom siv mobile piv rau cov desktop
Cov feem pua
10
25
50
75
90
Txhua qhov chaw
144.1
172.8
185.5
208.5
224.0
jQuery chaw
188.2
187.4
191.3
209.6
221.9
Vue cov websites
222.5
220.8
220.2
221.4
220.4
Angular cov websites
205.1
206.0
201.6
210.4
218.7
React cov vev xaib
431.5
386.8
337.9
242.6
179.6
Txawm hais tias qee qhov sib txawv hauv kev ua lej ceev ntawm lub xov tooj thiab lub laptop yuav tsum tau ua, cov xov tooj loj no qhia kuv tias cov txheej txheem niaj hnub no tsis yog tsom rau cov khoom siv hluav taws xob tsawg thiab lub siab xav kaw qhov sib txawv uas tau txheeb xyuas. Txawm tias nyob rau ntawm 10 feem pua, React sites siv 431.5% ntau lub sij hawm nyob rau hauv lub xov tooj tseem ceeb tshaj ntawm lub desktop ntsiab xov. jQuery muaj qhov sib txawv me tshaj plaws, tab sis txawm tias ntawm no tus lej sib raug yog 188.2%. Thaum cov neeg tsim tawm lub vev xaib ua lawv cov haujlwm hauv txoj hauv kev uas lawv xav tau ntau lub sijhawm CPU los ua haujlwm rau lawv (thiab qhov no yog qhov tshwm sim, thiab nws tsuas yog mob zuj zus mus rau lub sijhawm), cov tswv ntawm cov khoom siv hluav taws xob tsawg yuav tsum tau them rau nws.
Cov txiaj ntsim tau los
Cov txheej txheem zoo yuav tsum muab cov neeg tsim khoom tsim lub hauv paus zoo rau kev tsim lub vev xaib (raws li kev nyab xeeb, kev nkag mus tau, kev ua haujlwm), lossis yuav tsum muaj cov kev txwv uas ua rau nws nyuaj rau tsim qee yam uas ua txhaum cov kev txwv.
Qhov no tsis zoo li siv rau kev ua haujlwm ntawm lub vev xaib (thiab pom meej rau lawv ).
Nws tsim nyog sau cia tias tsuas yog vim React lossis Angular qhov chaw siv sijhawm ntau CPU npaj cov cai tshaj li lwm tus tsis tas txhais tau tias React cov chaw muaj CPU ntau dua li Vue qhov chaw thaum khiav. Qhov tseeb, cov ntaub ntawv peb tau saib hais tias tsawg heev txog kev ua haujlwm ntawm lub moj khaum thiab cov tsev qiv ntawv. Lawv tham ntau ntxiv txog txoj kev txhim kho uas, paub txog lossis tsis paub, cov qauv no tuaj yeem thawb cov programmer mus rau. Peb tab tom tham txog cov ntaub ntawv rau lub moj khaum, lawv cov ecosystem, thiab cov txheej txheem kev loj hlob.
Nws kuj tseem tsim nyog hais txog qee yam uas peb tsis tau txheeb xyuas ntawm no, piv txwv li, lub sijhawm siv ntau npaum li cas lub cuab yeej siv ua tiav JavaScript code thaum hloov pauv ntawm nplooj ntawv ntawm lub xaib. Qhov kev sib cav hauv kev pom zoo ntawm SPA yog tias ib zaug ib nplooj ntawv thov raug thauj mus rau hauv qhov browser, tus neeg siv yuav, hauv txoj kev xav, tuaj yeem nkag mus rau lub vev xaib nplooj ntawv sai dua. Kuv tus kheej kev paub qhia kuv tias qhov no yog deb ntawm qhov tseeb. Tab sis peb tsis muaj ntaub ntawv los qhia qhov teeb meem no.
Dab tsi yog qhov tseeb yog tias koj siv lub moj khaum lossis cov tsev qiv ntawv los tsim lub vev xaib, koj tab tom ua kev sib haum xeeb ntawm kev pib thauj cov phiaj xwm thiab npaj mus. Qhov no siv txawm rau qhov zoo tshaj plaws scenarios.
Nws muaj peev xwm ua kom muaj qee qhov kev sib haum xeeb hauv cov xwm txheej tsim nyog, tab sis nws yog ib qho tseem ceeb uas cov neeg tsim khoom ua kom muaj kev cuam tshuam zoo li no.
Tab sis peb kuj muaj laj thawj rau kev cia siab. Kuv tau txais kev txhawb nqa los ntawm qhov ze npaum li cas cov neeg tsim khoom Chrome ua haujlwm nrog cov tom qab qee cov cuab yeej pem hauv ntej peb tau npog los pab txhim kho kev ua haujlwm ntawm cov cuab yeej ntawd.
Txawm li cas los xij, kuv yog ib tus neeg pragmatic. Tshiab architectures tsim teeb meem kev ua haujlwm ntau npaum li lawv daws lawv. Thiab nws yuav siv sijhawm los tshem tawm qhov tsis txaus. Ib yam li peb yuav tsum tsis txhob cia siab tias yuav daws tau tag nrho cov teeb meem kev ua tau zoo, koj yuav tsum tsis txhob cia siab tias qhov no los ntawm cov tshiab versions ntawm peb nyiam lub moj khaum.
Yog tias koj xav siv ib qho ntawm cov cuab yeej pem hauv ntej uas tau tham hauv cov ntaub ntawv no, qhov no txhais tau tias koj yuav tsum tau siv zog ntxiv los xyuas kom meej tias, qhov xwm txheej, koj tsis ua mob rau koj qhov project. Nov yog qee qhov kev txiav txim siab los txiav txim siab ua ntej koj pib siv lub moj khaum tshiab:
- Tshawb xyuas koj tus kheej nrog kev nkag siab zoo. Koj puas xav siv koj lub moj khaum uas koj xaiv? Ntshiab JavaScript tuaj yeem ua ntau yam hnub no.
- Puas muaj lwm txoj kev sib dua rau lub moj khaum ntawm koj xaiv (xws li Preact, Svelte lossis lwm yam) uas tuaj yeem muab rau koj 90% ntawm lub peev xwm ntawm lub moj khaum ntawd?
- Yog tias koj twb tau siv lub moj khaum lawm, xav txog seb puas muaj qee yam uas muaj qhov zoo dua, kev saib xyuas ntau dua, cov qauv kev xaiv (piv txwv li, Nuxt.js tsis yog Vue, Next.js tsis yog React, thiab lwm yam).
- Koj yuav ua li cas JavaScript kev ua tau zoo?
- Koj yuav ua li cas txoj kev txhim kho kom nws nyuaj rau kev qhia ntau JavaScript code rau hauv ib qhov project dua li qhov tsim nyog?
- Yog tias koj siv lub moj khaum kom yooj yim ntawm kev txhim kho, xav txog xa lub moj khaum code rau cov neeg siv khoom. Tej zaum koj tuaj yeem daws txhua yam teeb meem ntawm lub server?
Feem ntau, cov tswv yim no tsim nyog ua tib zoo saib, tsis hais seb koj xaiv dab tsi los txhim kho pem hauv ntej kawg. Tab sis lawv tseem ceeb tshwj xeeb tshaj yog thaum koj ua haujlwm ntawm qhov project uas tsis muaj kev ua tau zoo pib nrog.
Nyob zoo nyeem! Koj pom dab tsi yog qhov zoo tagnrho JavaScript moj khaum?
Tau qhov twg los: www.hab.com