Qiimaha qaab-dhismeedka JavaScript

Ma jirto si degdeg ah oo lagu dhimi karo degelka (ciqaabta loogu talagalay) in ka badan in la isticmaalo farabadan koodka JavaScript dushiisa. Markaad isticmaalayso JavaScript, waa inaad ku bixisaa waxqabadka mashaariicda wax aan ka yarayn afar jeer. Waa kan sida koodhka JavaScript ee goobta uu ugu shubo nidaamyada isticmaalayaasha:

  • Soo dejinta faylka shabakada
  • Falanqaynta iyo ururinta koodka isha aan xidhxidhnayn ka dib soo dejinta.
  • Fulinta code JavaScript.
  • Isticmaalka xusuusta.

Isku-dhafkan ayaa soo baxaya aad qaali u ah.

Qiimaha qaab-dhismeedka JavaScript

Waxaana ku darnaa koodka JS oo aad iyo aad u badan mashaariicdayada. Markay ururadu u dhaqaaqayaan goobaha ay ku shaqeeyaan qaab-dhismeedka iyo maktabadaha sida React, Vue iyo kuwa kale, waxaanu samaynaynaa shaqada asaasiga ah ee goobaha si aad ugu tiirsan JavaScript.

Waxaan arkay goobo badan oo aad u culus oo isticmaalaya qaab-dhismeedka JavaScript. Laakiin aragtidayda arrintu aad bay u xagxaysaa. Xaqiiqdu waxay tahay in shirkadaha aan la shaqeeyo ay si sax ah iigu soo jeestaan ​​sababtoo ah waxay la kulmaan dhibaatooyin adag oo ku saabsan waxqabadka goobta. Natiijo ahaan, waxaan noqday mid xiiso leh oo ku saabsan sida ay dhibaatadani u badan tahay, iyo nooca "riqaabaha" ee aan bixinno marka aan dooranno mid ama qaab kale oo saldhig u ah goob gaar ah.

Mashruucu wuxuu iga caawiyay inaan ogaado tan. Diiwaanka HTTP.

data

Mashruuca Kaydka HTTP wuxuu raadraacaa wadarta 4308655 isku xidhka goobaha desktop-ka caadiga ah iyo 5484239 isku xidhka shabakadaha mobaylada. Waxaa ka mid ah cabbirro badan oo la xiriira xiriiriyeyaashan waxaa ka mid ah liiska tignoolajiyada ee laga helay boggaga kala duwan. Tani waxay ka dhigan tahay in aan ka muunad karno kumanaan goobood oo adeegsada qaabab kala duwan iyo maktabado oo aan barano inta koodka ay u soo diraan macaamiisha iyo inta culeyska koodkani ku abuurayo nidaamyada isticmaalayaasha.

Waxaan aruuriyay xogta Maarso 2020, taasoo ahayd xogtii ugu dambeysay ee aan galo.

Waxaan go'aansaday in aan is barbar dhigo xogta kaydka HTTP ee la isku daray ee dhammaan goobaha xogta laga helay goobaha la helay iyadoo la isticmaalayo React, Vue, iyo Angular, in kasta oo aan tixgeliyey isticmaalka walxaha kale ee isha sidoo kale.

Si aan uga dhigo mid xiiso badan, waxaan sidoo kale ku daray boggaga isticmaala jQuery xogta isha. Maktabadani weli aad bay caan u tahay. Waxa kale oo ay soo bandhigaysaa hab ka duwan horumarinta shabakadda marka loo eego qaabka Hal Page Application (SPA) ee ay bixiso React, Vue iyo Angular.

Xidhiidhada ku jira Kaydka HTTP ee matalaya goobaha la ogaaday inay isticmaalayaan tignoolajiyada xiisaha leh

Qaab-dhismeedka ama maktabadda
Xiriirinta bogagga mobaylada
Xiriirinta goobaha caadiga ah

jQuery
4615474
3714643

Diido
489827
241023

Vue
85649
43691

Xaglo
19423
18088

Rajooyin iyo riyooyin

Kahor intaanan u gudbin falanqaynta xogta, waxaan rabaa inaan ka hadlo waxa aan jeclaan lahaa inaan rajeynayo.

Waxaan aaminsanahay in adduunka ugu habboon, qaab-dhismeedyadu ay tahay inay ka gudbaan buuxinta baahiyaha horumariyeyaasha oo ay bixiyaan faa'iido gaar ah isticmaalayaasha celceliska ah ee la shaqeeya boggayaga. Waxqabadku waa uun mid ka mid ah faa'iidooyinkaas. Tani waa halka gelitaanka iyo amniga ay ka ciyaaraan. Laakiin tani waa kaliya tan ugu muhiimsan.

Markaa, adduun ku habboon, nooc ka mid ah qaab-dhismeedka waa inuu fududeeyaa abuurista goob waxqabad sare leh. Tani waa in la sameeyaa iyada oo ay ugu wacan tahay xaqiiqda ah in qaab-dhismeedku uu siinayo horumariyaha saldhig hufan oo uu ku dhiso mashruuc, ama xaqiiqda ah in uu soo rogo xannibaado horumarinta, u soo bandhigo shuruudo caqabad ku ah horumarinta wax soo noqda. soo baxay si tartiib tartiib ah.

Qaab dhismeedka ugu fiican waa inuu sameeyaa labadaba: waxay bixiyaan saldhig wanaagsan, oo ku soo rogaan xannibaado shaqada, taas oo kuu ogolaanaysa inaad gaarto natiijo wanaagsan.

Falanqaynta qiimaha dhexdhexaadka ah ee xogta ma na siin doonto macluumaadka aan u baahanahay. Iyo, dhab ahaantii, habkani wuxuu ka baxayaa dareenkayaga wax badan oo muhiim ah. Halkii, waxaan ka soo qaatay boqolleyda xogta aan haysto. Kuwani waa 10, 25, 50 (dhexdhexaad ah), 75, 90 boqolkiiba.

Waxaan si gaar ah u xiiseeyaa boqolleyda 10aad iyo 90aad. Boqolleyda 10aad waxay u taagan tahay waxqabadka aadka ugu wanaagsan (ama ugu yaraan in ka badan ama ka yar oo ku dhow kan ugu fiican) qaab gaar ah. Si kale haddii loo dhigo, tani waxay ka dhigan tahay in 10% kaliya ee goobaha isticmaalaya qaab gaar ah ay ka dhigaan heerkan, ama ka sarreeya. Boqolkiiba 90-aad, dhanka kale, waa dhinaca kale ee qadaadiicda- waxay ina tusinaysaa sida ay wax u xumaan karaan. Boqolkiiba 90-aad waa goobaha gadaal ka xiga-kuwa hoose ee 10% ee boggaga haysta koodka JS ugu badan ama wakhtiga ugu dheer ee lagu farsameeyo koodka dunta muhiimka ah.

Tirada code JavaScript

Si aad u bilawdo, waxa macno leh in la falanqeeyo cabbirka koodhka JavaScript ee ay u gudbiyaan goobo kala duwan oo shabakadda ah.

Qadarka koodka JavaScript (Kb) ee lagu wareejiyay aaladaha gacanta

Boqolleyda
10
25
50
75
90

Dhammaan goobaha
93.4 
196.6 
413.5 
746.8 
1201.6 

goobaha jQuery
110.3 
219.8 
430.4 
748.6 
1162.3 

Goobaha Vue
244.7 
409.3 
692.1 
1065.5 
1570.7 

Goobaha xaglaha ah
445.1 
675.6 
1066.4 
1761.5 
2893.2 

Ka fal celi Goobaha
345.8 
441.6 
690.3 
1238.5 
1893.6 

Qiimaha qaab-dhismeedka JavaScript
Qadarka koodka JavaScript ee loo soo diray aaladaha mobilada

Qadarka koodka JavaScript (Kb) ee lagu wareejiyay aaladaha miiska

Boqolleyda
10
25
50
75
90

Dhammaan goobaha
105.5 
226.6 
450.4 
808.8 
1267.3 

goobaha jQuery
121.7 
242.2 
458.3 
803.4 
1235.3 

Goobaha Vue
248.0 
420.1 
718.0 
1122.5 
1643.1 

Goobaha xaglaha ah
468.8 
716.9 
1144.2 
1930.0 
3283.1 

Ka fal celi Goobaha
308.6 
469.0 
841.9 
1472.2 
2197.8 

Qiimaha qaab-dhismeedka JavaScript
Qadarka koodka JavaScript ee loo soo diray aaladaha miiska

Haddii aan ka hadalno oo keliya cabbirka koodhka JS ee goobuhu u soo diraan aaladaha, markaa wax walbaa waxay u muuqdaan sida aad filan karto. Tusaale ahaan, haddii mid ka mid ah qaab-dhismeedka la isticmaalo, tani waxay la macno tahay in xitaa xaalad ku habboon, mugga koodhka JavaScript ee goobta uu kordhin doono. Tani maaha wax la yaab leh - ma samayn kartid qaab-dhismeedka JavaScript oo saldhig u ah goobta waxaadna filan kartaa in mugga koodhka mashruuca JS uu noqon doono mid aad u hooseeya.

Waxa cajiibka ah ee ku saabsan xogtan ayaa ah in qaab-dhismeedka iyo maktabadaha qaarkood loo tixgelin karo inay yihiin bar bilawga mashruuca ka wanaagsan kuwa kale. Goobaha leh jQuery waxay u muuqdaan kuwa ugu fiican. Noocyada desktop-ka ee bogagga, waxay ka kooban yihiin 15% JavaScript ka badan dhammaan bogagga, mobilada waxay ka kooban yihiin 18% ka badan. (Xaqiiqdii, waxaa jira qaar ka mid ah musuqmaasuqa xogta halkan. Xaqiiqdu waxay tahay in jQuery ay ku jiraan goobo badan, sidaas darteed waa dabiici ah in goobahan oo kale ay aad ugu dhow yihiin kuwa kale oo leh tirada guud ee goobaha. Si kastaba ha ahaatee, tani ma saameynayso sida cayriin. xogta ayaa loo soo saaray qaab kasta.)

Halka kororka 15-18% ee mugga koodhka uu yahay shax muuqda, marka la barbar dhigo tan qaab-dhismeedka iyo maktabadaha kale, mid ayaa soo gabagabeyn kara in "canshuurta" ay qaado jQuery ay aad u hooseyso. Goobaha xaglaha ah ee boqolleyda 10aad waxay soo diraan 344% xog ka badan dhammaan goobaha, iyo 377% in ka badan mobilka. Goobaha falcelinta ayaa ah kuwa xiga ee ugu culus, iyagoo u soo diraya 193 kood ka badan dhammaan bogagga, iyo 270% in ka badan mobilka.

Horaantii, waxaan u sheegay in inkasta oo la isticmaalayo qaab-dhismeedka ka dhigan tahay in qadar gaar ah oo code ayaa lagu dari doonaa mashruuca, bilowga hore ee shaqada on, waxaan rajeynayaa in qaab-dhismeedka uu awoodo in uu bartey xaddido horumariyaha. Gaar ahaan, waxaan ka hadleynaa xaddidaadda tirada ugu badan ee koodka.

Waxa xiiso leh, goobaha jQuery ayaa raacaya fikradan. In kasta oo ay waxyar ka culus yihiin dhammaan goobaha boqolleyda 10-aad (15-18%), waxay waxyar ka fudud yihiin boqolleyda 90-aad ee ku dhawaad ​​3% labadaba desktop-ka iyo mobilada. Tani maaha in la sheego in tani ay tahay faa'iido aad u muhiim ah, laakiin waxaa la dhihi karaa in goobaha jQuery, ugu yaraan, aysan haysanin cabbirro badan oo JavaScript ah, xitaa noocyada ugu weyn.

Laakiin si la mid ah looma sheegi karo qaab-dhismeedka kale.

Sida kiiska boqolleyda 10aad, ee boqolleyda boqolleyda 90 ee ku yaal Angular iyo React way ka duwan yihiin goobaha kale, laakiin way ku kala duwan yihiin, nasiib daro, waxaa ka sii daran.

Boqolleyda 90-aad, goobaha Angular waxay soo diraan 141% xog ka badan mobilada marka loo eego goobaha oo dhan, iyo 159% in ka badan desktop-ka. Goobaha falcelinta waxay soo diraan 73% wax ka badan dhammaan bogagga, iyo 58% in ka badan moobaylka. Cabbirka koodka goobaha React ee boqolleyda 90aad waa 2197.8 KB. Tani waxay ka dhigan tahay in goobahan oo kale ay u soo diraan 322.9 KB xog ka badan aaladaha mobilada marka loo eego kuwa kula tartamaya ee ugu dhow ee ku saleysan Vue. Farqiga u dhexeeya goobaha desktop-ka ee ku saleysan Angular iyo React iyo goobaha kale ayaa xitaa ka sii weyn. Tusaale ahaan, goobaha React desktop-ka waxay soo diraan 554.7 KB kood ka badan oo JS ah aaladaha marka loo eego goobaha Vue u dhigma.

Waqti ayaa loo qaatay in lagu socodsiiyo koodka JavaScript ee dunta ugu weyn

Xogta kore waxay si cad u muujineysaa in goobaha isticmaalaya qaab-dhismeedka iyo maktabadaha daraasadda lagu sameeyay ay ku jiraan xaddi badan oo kood ah JavaScript. Laakiin dabcan, taasi waa qayb ka mid ah isla'egtayada.

Ka dib markii koodka JavaScript uu soo galo browserka, wuxuu u baahan yahay in la keeno xaalad shaqayn karta. Khaasatan dhibaatooyin badan ayaa waxaa sababa ficiladaas oo ay tahay in lagu fuliyo koodka cirifka browserka ugu weyn. Dufanka ugu weyn ayaa mas'uul ka ah socodsiinta ficillada isticmaalaha, xisaabinta qaababka, dhismaha iyo muujinta qaabka bogga. Haddii aad ku daboosho dunta ugu muhiimsan ee hawlaha JavaScript, ma heli doonto fursad aad ku dhamaystirto hawlaha intiisa kale wakhtiga. Tani waxay keenaysaa dib u dhac iyo "brakes" shaqada boggaga.

Keydka kaydka HTTP waxa uu hayaa macluumaad ku saabsan inta ay qaadanayso ka shaqaynta koodhka JavaScript ee dunta ugu wayn ee mishiinka V8. Tani waxay ka dhigan tahay in aan ururin karno xogtan oo aan ogaano inta jeer ee dunta ugu muhiimsan ay qaadato si loo farsameeyo JavaScript ee goobo kala duwan.

Waqtiga Processor-ka (milli-ilbiriqsi) ee la xidhiidha habaynta qoraalka aaladaha moobaylka

Boqolleyda
10
25
50
75
90

Dhammaan goobaha
356.4
959.7
2372.1
5367.3
10485.8

goobaha jQuery
575.3
1147.4
2555.9
5511.0
10349.4

Goobaha Vue
1130.0
2087.9
4100.4
7676.1
12849.4

Goobaha xaglaha ah
1471.3
2380.1
4118.6
7450.8
13296.4

Ka fal celi Goobaha
2700.1
5090.3
9287.6
14509.6
20813.3

Qiimaha qaab-dhismeedka JavaScript
Waqtiga processor-ka ee la xidhiidha habaynta qoraalka aaladaha moobilka

Waqtiga Processor-ka (milli-ilbiriqsi) ee la xidhiidha habaynta qoraalka aaladaha miiska

Boqolleyda
10
25
50
75
90

Dhammaan goobaha
146.0
351.8
831.0
1739.8
3236.8

goobaha jQuery
199.6
399.2
877.5
1779.9
3215.5

Goobaha Vue
350.4
650.8
1280.7
2388.5
4010.8

Goobaha xaglaha ah
482.2
777.9
1365.5
2400.6
4171.8

Ka fal celi Goobaha
508.0
1045.6
2121.1
4235.1
7444.3

Qiimaha qaab-dhismeedka JavaScript
Waqtiga processor-ka ee la xidhiidha habaynta qoraalka aaladaha desktop-ka

Halkan waxaad ku arki kartaa wax aad loo yaqaan.

Bilawga, goobaha leh jQuery waxay si aad ah ugu kharash yareeyaan habaynta JavaScript ee dunta muhiimka ah marka loo eego goobaha kale. Boqolkiiba 10-aad, marka la barbar dhigo dhammaan bogagga, goobaha jQuery ee mobilada waxay ku bixiyaan 61% waqti dheeraad ah habaynta koodhka JS dunta muhiimka ah. Marka laga hadlayo goobaha jQuery desktop, wakhtiga habayntu waxa uu kordhay 37%. Boqolleyda 90-aad, goobaha jQuery waxay aad ugu dhow yihiin buundooyinka wadarta guud. Gaar ahaan, goobaha jQuery ee aaladaha mobiladu waxay ku qaataan 1.3% wakhti ka yar dunta ugu weyn marka loo eego goobaha oo dhan, iyo 0.7% waqti ka yar aaladaha miiska.

Dhinaca kale ee qiimeynteena ayaa ah qaab-dhismeedka lagu garto culeyska ugu sarreeya ee dunta muhiimka ah. Tani waa, mar labaad, Xaglo iyo falcelin. Farqiga kaliya ee u dhexeeya labada waa in halka goobaha Angular ay u soo diraan kood ka badan daalacashada marka loo eego goobaha React, goobaha Angular waxay qaataan waqti ka yar CPU si ay u habeeyaan koodka. Aad u yar.

Boqolkiiba 10-aad, desktop-ka goobaha Angular-ka waxay ku bixiyaan 230% waqti ka badan habaynta koodka guud ee JS marka loo eego goobaha oo dhan. Goobaha mobilada, tiradani waa 313%. Goobaha falcelinta ayaa ah kuwa ugu waxqabadka xun. On desktop-ka, waxay ku bixiyaan 248% kood waqti ka badan marka loo eego goobaha oo dhan, iyo 658% in ka badan mobilada. 658% ma aha typo. Boqolleyda 10-aad, goobaha React waxay ku qaataan 2.7 ilbiriqsi ee wakhtiga dunta muhiimka ah ee habaynta koodka.

Boqolkiiba 90-aad, marka la barbar dhigo tirooyinkan tirada badan, waxay u eegyihiin ugu yaraan in yar ka wanaagsan. Marka la barbar dhigo dhammaan bogagga, mashaariicda Angular waxay ku qaataan 29% waqti dheeraad ah aaladaha desktop-ka ee dunta ugu weyn, iyo 27% waqti dheeri ah aaladaha mobilada. Marka laga hadlayo goobaha React, tirooyin isku mid ah ayaa u eg 130% iyo 98%, siday u kala horreeyaan.

Weecsanaanta boqolleyda ee boqolleyda 90aad waxay u muuqdaan kuwo ka wanaagsan qiimayaasha la midka ah ee boqolleyda 10aad. Laakiin halkan waxaa habboon in la xasuusto in tirooyinka tilmaamaya wakhtiga ay u muuqdaan kuwo cabsi leh. Aynu nidhaahno 20.8 ilbidhiqsi dunta mobaylka ee ugu wayn degelka la dhisay React. (Waxaan u maleynayaa in sheekada dhabta ah ee waqtigan dhacay ay mudan tahay maqaal gaar ah).

Waxaa jira hal dhibaato oo suurtagal ah halkan (mahadsanid Yeremyaah si aan u soo jeediyo dareenkayga muuqaalkan, iyo inaan si taxadar leh u tixgeliyo xogta laga soo xigtay aragtidan). Xaqiiqdu waxay tahay in goobo badan ay isticmaalaan dhowr qalab oo xagga hore ah. Gaar ahaan, waxaan arkay goobo badan oo isticmaalaya jQuery oo ay weheliyaan React ama Vue, maadaama goobahaas ay ka guurayaan jQuery una guurayaan qaabab kale ama maktabado. Natiijo ahaan, waxaan mar kale ku dhuftay keydka xogta, waqtigan xulashada kaliya xiriiriyeyaasha u dhigma bogagga isticmaala React, jQuery, Angular, ama Vue, laakiin maaha wax isku dhafan. Waa kan waxa aan helay

Waqtiga Processor-ka ( millise seconds) ee la xidhiidha habaynta qoraallada aaladaha mobilada xaalad ay goobuhu isticmaalaan hal qaab ama hal maktabad oo keliya

Boqolleyda
10
25
50
75
90

Goobaha isticmaala jQuery kaliya
542.9
1062.2
2297.4
4769.7
8718.2

Goobaha kaliya ee isticmaala Vue
944.0
1716.3
3194.7
5959.6
9843.8

Goobaha kaliya ee isticmaala Angular
1328.9
2151.9
3695.3
6629.3
11607.7

Goobaha isticmaala React kaliya
2443.2
4620.5
10061.4
17074.3
24956.3

Qiimaha qaab-dhismeedka JavaScript
Waqtiga processor-ka ee la xidhiidha habaynta qoraalada aaladaha moobaylka xaalad ay goobuhu isticmaalaan hal qaab oo keliya, ama hal maktabad oo keliya

Marka hore, wax aan la yaab lahayn: marka goobtu isticmaasho hal qaab ama hal maktabad, waxqabadka goobtan oo kale ayaa soo hagaagaya marar badan. Qalab kastaa wuxuu si fiican u qabtaa boqolleyda 10aad iyo 25aad. Waxay macno samaynaysaa. Goobta la sameeyay iyadoo la isticmaalayo hal qaab, waa inay ka roonaato goobta lagu sameeyay iyadoo la isticmaalayo laba ama ka badan qaab-dhismeedka ama maktabadaha.

Dhab ahaantii, waxqabadka qalab kasta oo hore-dhamaadka ah ee la bartay ayaa u muuqda mid ka wanaagsan dhammaan kiisaska, marka laga reebo hal ka reebis cajiib ah. Waxa iga yaabiyay waa in boqolleyda 50-aad iyo wixii ka sareeya, goobaha isticmaala React ay ka sii daraan marka React ay tahay maktabadda kaliya ee ay isticmaalaan. Tani, jid ahaan, waxay ahayd sababta aan xogtan halkan ugu soo bandhigay.

Tani waa wax yar oo la yaab leh, laakiin weli waxaan isku dayi doonaa inaan sharraxaad u raadiyo qariibkan.

Haddii mashruucu isticmaalo React iyo jQuery labadaba, markaa mashruucaasi wuxuu u badan yahay meel kala badh ah inta loo jiro kala-guurka jQuery una guuro React. Waxaa laga yaabaa inay leedahay saldhig codeed halkaasoo maktabadahani ay isku dhafan yihiin. Maadaama aan horey u aragnay in goobaha jQuery ay waqti yar ku qaataan dunta ugu muhiimsan marka loo eego goobaha React, tani waxay noo sheegi kartaa in hirgelinta qaar ka mid ah shaqeynta jQuery ay ka caawiso goobta inay si ka sii fiican u qabato.

Laakin marka uu mashruucu ka wareego jQuery una guuro React oo in badan uu ku tiirsan yahay React, arrimuhu way isbedelayaan. Haddii goobta ay tahay mid aad u tayo badan, iyo horumarinta goobta si taxadar leh u isticmaalaan React, ka dibna wax walba waxay ku fiicnaan doonaan goobtan. Laakiin celceliska goobta falcelinta, isticmaalka badan ee React waxay ka dhigan tahay in dunta ugu weyni ay saaran tahay culeys culus.

Farqiga u dhexeeya aaladaha mobilada iyo desktop-ka

Aragti kale oo aan ka eegay xogta la baadhay ayaa ahayd in aan daraasad ku sameeyo sida weyn ee farqiga u dhexeeya ka shaqaynta goobaha mobile iyo desktop. Haddii aan ka hadalno isbarbardhigga mugga code-ka JavaScript, markaa isbarbardhigga noocan oo kale ah ma muujinayo wax laga cabsado. Dabcan, way fiicnaan lahayd in la arko tiro yar oo kood ah oo la soo dejisan karo, laakiin ma jiro farqi badan oo u dhexeeya qaddarka koodhka mobilada iyo desktop-ka.

Laakiin haddii aan falanqeyno waqtiga loo baahan yahay si loo farsameeyo koodka, farqi aad u weyn oo u dhexeeya aaladaha mobilada iyo desktop-ka ayaa noqda mid muuqda.

Kordhinta wakhtiga (boqolkiiba) ee la xidhiidha habaynta qoraalada aaladaha moobaylka marka la barbar dhigo miiska

Boqolleyda
10
25
50
75
90

Dhammaan goobaha
144.1
172.8
185.5
208.5
224.0

goobaha jQuery
188.2
187.4
191.3
209.6
221.9

Goobaha Vue
222.5
220.8
220.2
221.4
220.4

Goobaha xaglaha ah
205.1
206.0
201.6
210.4
218.7

Ka fal celi Goobaha
431.5
386.8
337.9
242.6
179.6

In kasta oo la filayo in waxoogaa farqi ah oo ku yimaadda xawaaraha habaynta koodhka ee talefanka iyo Laptop-ka, haddana tiro intaas le’eg ayaa ii sheegaysa in qaab-dhismeedka casriga ahi aanu ku filnayn in lagu bartilmaameedsado aaladaha tamarta yar, iyo in ay ku dadaalayaan sidii ay u yareyn lahaayeen farqiga ay ogaadeen. Xataa boqolkiiba 10-aad, goobaha React waxay ku bixiyaan 431.5% wakhti ka badan dunta ugu muhiimsan mobaylada marka loo eego dunta ugu weyn ee miiska. jQuery waxay leedahay farqiga ugu yar, laakiin xitaa halkan tirada u dhiganta waa 188.2%. Marka kuwa horumariya mareegaha ay mashaariicdooda u sameeyaan hab habayntoodu u baahan tahay waqti processor-ka badan (waana dhacdaa, wayna ka sii daraysaa wakhti ka dib), milkiilayaasha aaladaha tamarta yar waa inay iska bixiyaan.

Natiijooyinka

Qaab dhismeedka wanaagsan waa inuu siiyaa horumariyayaal aasaas wanaagsan oo lagu dhisayo mashaariicda shabakada (marka la eego amniga, helitaanka, waxqabadka), ama waa inay lahaadaan xannibaado gudaha ah oo adkeynaya in la dhiso wax ku xadgudbaya xannibaadahaas.

Tani uma eka inay khusayso waxqabadka mashaariicda webka (oo loo malaynayo inaanay ku jirin kooda helitaan).

Waxaa mudan in la ogaado in kaliya sababtoo ah goobaha React ama Angular waxay ku bixiyaan wakhti ka badan CPU diyaarinta koodka marka loo eego kuwa kale macnaheedu maaha in goobaha React ay aad uga culus yihiin goobaha Vue inta ay socdaan. Dhab ahaantii, xogta aanu dib u eegnay ayaa wax aad u yar ka sheegaysa waxqabadka shaqo ee qaab-dhismeedka iyo maktabadaha. Waxay ka hadlaan wax badan oo ku saabsan hababka horumarineed ee, miyir-qab ama aan ahayn, qaababkani waxay riixi karaan barnaamijyada. Waxaan ka hadleynaa dukumeentiyada qaab-dhismeedka, ku saabsan nidaamka deegaanka, ee ku saabsan farsamooyinka horumarinta caadiga ah.

Waxa kale oo mudan in la xuso wax aynaan halkan ku falanqeyn, oo ah, intee in le'eg ayay qalabku ku bixinaysaa fulinta code-ka JavaScript marka uu dhex wareegayo boggaga goobta. Doodda u hiilinaysa SPA ayaa ah in marka hal bog codsiga lagu shubo browserka, isticmaaluhu aragti ahaan wuxuu awood u yeelan doonaa inuu si dhakhso leh u furo boggaga goobta. Waayo-aragnimadayda ayaa ii sheegaysa in tani ay xaqiiqada ka fog tahay. Laakiin ma hayno xog aan ku cadeyno arrintan.

Waxa cad in haddii aad isticmaalayso qaab dhismeed ama maktabad si aad u abuurto degel, waxaad samaynaysaa tanaasul xagga marka hore ah oo la raro mashruuca iyo u diyaargarowga inuu tago. Tani waxay khusaysaa xitaa xaaladaha ugu wanaagsan.

Waa suurtagal in la sameeyo tanaasulaad xaaladaha ku habboon, laakiin waa muhiim in horumariyayaashu ay u sameeyaan tanaasulaad noocaas ah si miyir leh.

Laakiin waxaan sidoo kale haysanaa sabab rajo. Aad ayaan ugu faraxsanahay inaan arko sida ugu dhow ee horumariyeyaasha Chrome ay ula shaqeynayaan soosaarayaasha qaar ka mid ah aaladaha hore ee aan dib u eegnay si aan gacan uga geysanno hagaajinta waxqabadka qalabkaas.

Si kastaba ha ahaatee, waxaan ahay qof dhab ah. Nashqadaha cusubi waxay abuuraan mashaakil wax qabad mar kasta oo ay xaliyaan. Oo waxay qaadataa waqti in la hagaajiyo dhiqlaha. Sida aynaan filanayn tiknoolajiyada cusub ee shabakada xallin doonaa dhammaan dhibaatooyinka waxqabadka, waa in aadan ka filan ka version cusub ee qaab-dhismeedka our jecel.

Haddii aad rabto inaad isticmaasho mid ka mid ah aaladaha hore ee looga hadlay maqaalkan, tani waxay ka dhigan tahay inaad ku qasban tahay inaad juhdi dheeri ah geliso inaadan waxyeello u geysan waxqabadka mashruucaaga inta lagu jiro. Waa kuwan qaar ka mid ah tixgalinta la tixgeliyo ka hor inta aanad bilaabin qaab-dhismeed cusub:

  • Naftaada ku tijaabi caqli fiican. Runtii ma u baahan tahay inaad isticmaasho qaabka la doortay? JavaScript saafi ah maanta wax badan ayuu awoodaa.
  • Ma jiraa wax ka fudud oo ka duwan qaabka la doortay (sida Preact, Svelte ama wax kale) kaas oo ku siin kara 90% awoodaha qaabkan?
  • Haddii aad horeba u isticmaalaysay qaab-dhismeedka, ka fiirso haddii ay jiraan wax siinaya ka wanaagsan, muxaafid badan, xulashooyinka caadiga ah (tusaale Nuxt.js beddelkii Vue, Next.js beddelkii React, iyo wixii la mid ah).
  • Maxa ku siin doona miisaaniyadda Waxqabadka JavaScript?
  • Sideed kartaa si loo yareeyo habka horumarinta si ay u adag tahay in lagu duro kood JavaScript ka badan mashruuca in ka badan lagama maarmaanka ah?
  • Haddii aad u isticmaalayso qaab-dhismeedka fududaynta horumarka, tixgeli ma u baahan tahay u dir koodka qaab-dhismeedka macaamiisha. Ma laga yaabaa inaad xalliso dhammaan arrimaha server-ka?

Caadi ahaan fikradahani waxay mudan yihiin in la eego, iyada oo aan loo eegin waxa dhabta ah ee aad u dooratay horumarka hore. Laakiin waxay si gaar ah muhiim u yihiin marka aad ka shaqaynayso mashruuc aan wax qabad lahayn bilowgii hore.

Akhristayaasha sharafta leh! Sidee u aragtaa qaabka ugu habboon ee JavaScript?

Qiimaha qaab-dhismeedka JavaScript

Source: www.habr.com

Add a comment