Babu wata hanya da ta fi sauri don rage gidan yanar gizon (ba a yi niyya ba) fiye da gudanar da tarin lambar JavaScript akansa. Lokacin amfani da JavaScript, dole ne ku biya ta a aikin aikin aƙalla sau huɗu. Ga abin da lambar JavaScript na rukunin yanar gizon ke lodin tsarin masu amfani da shi:
- Ana loda fayil akan hanyar sadarwa.
- Yin nazari da harhada lambar tushe da ba a cika kunshin ba bayan zazzagewa.
- Ana aiwatar da lambar JavaScript.
- Amfanin ƙwaƙwalwar ajiya.
Wannan haɗin ya juya ya zama .
Kuma muna ƙara ƙara lambar JS a cikin ayyukanmu. Yayin da ƙungiyoyi ke matsawa zuwa rukunin yanar gizo waɗanda ke da ƙarfi ta hanyar tsarin aiki da ɗakunan karatu kamar React, Vue da sauransu, muna yin ainihin ayyukan rukunin yanar gizon sun dogara sosai ga JavaScript.
Na ga shafukan yanar gizo masu nauyi da yawa suna amfani da tsarin JavaScript. Amma hangen nesa na game da batun yana da tsananin son zuciya. Gaskiyar ita ce, kamfanonin da nake aiki da su sun zo wurina daidai saboda suna da matsalolin aikin gidan yanar gizon. A sakamakon haka, na zama mai sha'awar sanin yadda wannan matsala ta yadu, da kuma menene "tarar" da muke biya lokacin da muka zaɓi ɗaya ko wani tsarin a matsayin tushen wani shafin.
Wannan aikin ya taimaka min gano wannan. .
data
Aikin Rukunin Rukunin HTTP yana bin jimillar hanyoyin haɗin kai 4308655 zuwa shafukan tebur na yau da kullun da hanyoyin haɗin yanar gizo 5484239 zuwa rukunin yanar gizo. Daga cikin alamomin da yawa masu alaƙa da waɗannan hanyoyin haɗin yanar gizon akwai jerin fasahohin da aka samo akan rukunin da suka dace. Wannan yana nufin za mu iya misalta dubunnan rukunin yanar gizo waɗanda ke amfani da tsare-tsare da ɗakunan karatu daban-daban kuma mu koyi adadin lambar da suke aikawa abokan ciniki da nawa wannan lambar ke sanyawa tsarin masu amfani.
Na tattara bayanai daga Maris 2020, wanda shine mafi ƙarancin bayanan da na samu.
Na yanke shawarar kwatanta haɗakar bayanan Taskar HTTP don duk rukunin yanar gizo tare da bayanan rukunin yanar gizon da aka gano suna amfani da React, Vue, da Angular, kodayake na yi la'akari da yin amfani da sauran kayan tushe kuma.
Don yin shi mafi ban sha'awa, Na kuma ƙara rukunin yanar gizo masu amfani da jQuery zuwa saitin bayanan tushen. Wannan ɗakin karatu har yanzu ya shahara sosai. Hakanan yana gabatar da tsarin haɓaka gidan yanar gizon da ya bambanta da ƙirar Shafi guda ɗaya (SPA) wanda React, Vue da Angular ke bayarwa.
Hanyoyin haɗi a cikin Taskar HTTP masu wakiltar rukunin yanar gizo waɗanda aka gano suna amfani da fasahar da ke da sha'awar mu
Tsarin ko ɗakin karatu
Hanyoyin haɗi zuwa rukunin yanar gizon hannu
Hanyoyin haɗi zuwa rukunin yanar gizo na yau da kullun
jQuery
4615474
3714643
Sake amsa
489827
241023
Vue
85649
43691
Angular
19423
18088
Bege da mafarkai
Kafin mu ci gaba zuwa nazarin bayanan, Ina so in yi magana game da abin da nake so in yi fata.
Na yi imani cewa a cikin kyakkyawar duniya, tsarin tsarin zai wuce biyan bukatun masu haɓakawa da samar da wasu fa'idodi ga masu amfani da rukunin yanar gizon mu na yau da kullun. Yawan aiki ɗaya ne kawai daga waɗannan fa'idodin. Samun dama da aminci kuma suna tunawa a nan. Amma wannan shine kawai abu mafi mahimmanci.
Don haka, a cikin kyakkyawar duniya, wani nau'in tsari ya kamata ya sauƙaƙa ƙirƙirar gidan yanar gizo mai inganci. Ya kamata a yi haka ko dai saboda tsarin ya ba wa mai haɓaka wani tushe mai kyau wanda zai gina wani aiki a kai, ko kuma saboda ya sanya takunkumi a kan ci gaba, yana gabatar da buƙatun da ke da wuya a samar da wani abu. hakan ya zama a hankali.
Mafi kyawun tsarin ya kamata ya yi duka biyu: samar da tushe mai kyau, kuma sanya hani kan aikin da zai ba ku damar cimma sakamako mai kyau.
Yin nazarin matsakaicin ƙimar bayanan ba zai ba mu bayanin da muke buƙata ba. Kuma, a gaskiya, wannan hanya ta wuce fiye da hankalinmu . Madadin haka, na sami maki na kaso daga bayanan da nake da su. Waɗannan su ne 10, 25, 50 (matsakaici), 75, 90 bisa dari.
Ina sha'awar musamman ga kashi 10 da 90. Kashi na 10 na wakiltar mafi kyawun aiki (ko aƙalla fiye ko žasa kusa da mafi kyau) don takamaiman tsari. A wasu kalmomi, wannan yana nufin cewa kawai kashi 10% na shafukan da ke amfani da wani tsari na musamman sun isa wannan matakin, ko matsayi mafi girma. Kashi 90 na kashi, a daya bangaren, shi ne daya bangaren tsabar kudin - yana nuna mana yadda abubuwa marasa kyau ke iya zama. Kashi 90th na kashi shine wuraren da ake bin diddigin-waɗannan kashi 10 na ƙarshe na rukunin yanar gizo waɗanda ke da mafi girman adadin lambar JS ko mafi tsayin lokacin da ake buƙata don aiwatar da lambar su akan babban zaren.
Juzu'i na lambar JavaScript
Da farko, yana da ma'ana don bincika girman lambar JavaScript da shafuka daban-daban ke watsawa akan hanyar sadarwar.
Adadin lambar JavaScript (KB) da aka canjawa wuri zuwa na'urorin hannu
Kashi-kashi
10
25
50
75
90
Duk shafuka
93.4
196.6
413.5
746.8
1201.6
jQuery shafukan
110.3
219.8
430.4
748.6
1162.3
Vue gidajen yanar gizo
244.7
409.3
692.1
1065.5
1570.7
Shafukan yanar gizo na angular
445.1
675.6
1066.4
1761.5
2893.2
Amsa gidajen yanar gizo
345.8
441.6
690.3
1238.5
1893.6
Adadin lambar JavaScript da aka aika zuwa na'urorin hannu
Adadin lambar JavaScript (KB) da aka canjawa wuri zuwa na'urorin tebur
Kashi-kashi
10
25
50
75
90
Duk shafuka
105.5
226.6
450.4
808.8
1267.3
jQuery shafukan
121.7
242.2
458.3
803.4
1235.3
Vue gidajen yanar gizo
248.0
420.1
718.0
1122.5
1643.1
Shafukan yanar gizo na angular
468.8
716.9
1144.2
1930.0
3283.1
Amsa gidajen yanar gizo
308.6
469.0
841.9
1472.2
2197.8
Adadin lambar JavaScript da aka canjawa wuri zuwa na'urorin tebur
Idan muka yi magana kawai game da girman lambar JS da shafuka ke aikawa zuwa na'urori, to komai yana kama da yadda kuke tsammani. Wato, idan aka yi amfani da ɗaya daga cikin tsarin, wannan yana nufin cewa ko da a cikin yanayi mai kyau, ƙarar lambar JavaScript na rukunin yanar gizon zai ƙaru. Wannan ba abin mamaki bane - ba za ku iya sanya tsarin JavaScript ya zama tushen rukunin yanar gizon ba kuma kuna tsammanin adadin lambar JS na aikin zai yi ƙasa sosai.
Abin da ke da ban sha'awa game da wannan bayanan shi ne cewa wasu tsare-tsare da ɗakunan karatu na iya ɗaukar mafi kyawun wuraren farawa don aiki fiye da wasu. Shafukan yanar gizo masu jQuery sun fi kyau. Shafukan su na tebur sun ƙunshi ƙarin JavaScript 15% fiye da duk rukunin yanar gizon, kuma rukunin yanar gizon su ya ƙunshi ƙarin JavaScript 18%. (Hakika, akwai wasu skew a cikin bayanan a nan. Gaskiyar ita ce jQuery yana samuwa a kan shafuka da yawa, don haka dabi'a ne cewa irin waɗannan rukunin yanar gizon sun fi kusanci da adadin rukunin yanar gizo fiye da sauran. Duk da haka, wannan bai shafi yadda ake yin ba. Ana fitar da bayanan tushen don kowane tsarin.)
Yayin da girma na lambar 15-18% yana da adadi mai mahimmanci, idan aka kwatanta da sauran tsare-tsare da ɗakunan karatu, harajin da jQuery ya sanya ya ragu sosai. Shafukan kusurwa a cikin kashi 10th na kashi suna aika 344% ƙarin bayanai zuwa na'urorin tebur fiye da duk rukunin yanar gizo, da ƙari 377% zuwa na'urorin hannu. Shafukan amsawa sune mafi nauyi na gaba, suna aika ƙarin lamba 193% zuwa na'urorin tebur fiye da duk rukunin yanar gizon, da ƙari 270% zuwa na'urorin hannu.
Na ambata a baya cewa ko da yake yin amfani da tsarin yana nufin cewa za a haɗa wani adadin lambar a cikin aikin a farkon aikin a kan shi, Ina fata cewa tsarin zai iya iyakance ko ta yaya mai haɓakawa. Musamman, muna magana ne game da iyakance iyakar adadin lambar.
Abin sha'awa shine cewa shafukan jQuery suna bin wannan ra'ayin. Ko da yake su, a matakin kashi 10 na kashi, sun ɗan fi kowane shafuka nauyi (da kashi 15-18%), su, a matakin kashi 90, sun ɗan fi sauƙi fiye da kowane rukunin yanar gizo - da kusan kashi 3% a cikin nau'ikan tebur da na wayar hannu. Wannan ba yana nufin cewa wannan babbar fa'ida ce ba, amma ana iya cewa shafukan jQuery aƙalla ba su da manyan lambobin lambar JavaScript ko da a cikin manyan nau'ikan su.
Amma ba za a iya faɗi haka ba game da sauran tsarin.
Kamar dai yadda yake a cikin kashi 10 na kashi, a kaso 90 na rukunin yanar gizo akan Angular da React sun bambanta da sauran rukunin yanar gizon, amma sun bambanta, abin takaici, ga mafi muni.
A kashi 90 na kashi, rukunin Angular suna aika ƙarin bayanai 141% zuwa na'urorin hannu fiye da duk rukunin yanar gizon, da ƙari 159% zuwa na'urorin tebur. Rukunan amsa suna aika 73% ƙarin zuwa na'urorin tebur fiye da duk rukunin yanar gizon, da ƙari 58% zuwa na'urorin hannu. Girman lambar lambobin shafukan React a kashi 90th shine 2197.8 KB. Wannan yana nufin cewa waɗannan rukunin yanar gizon suna aika ƙarin bayanai 322.9 KB zuwa na'urorin hannu fiye da abokan hamayyarsu na tushen Vue. Rata tsakanin shafukan tebur bisa Angular da React da sauran rukunin yanar gizon ya ma fi girma. Misali, React shafukan tebur suna aika ƙarin lambar JS 554.7 KB zuwa na'urori fiye da rukunin Vue iri ɗaya.
An ɗauki lokaci don aiwatar da lambar JavaScript akan babban zaren
Bayanan da ke sama sun nuna a fili cewa rukunin yanar gizon da ke amfani da tsarin da dakunan karatu da aka yi nazari sun ƙunshi adadi mai yawa na lambar JavaScript. Amma, ba shakka, wannan yanki ɗaya ne kawai na lissafin mu.
Bayan lambar JavaScript ta isa a cikin mai binciken, yana buƙatar a kawo shi cikin yanayin aiki. Musamman matsalolin da yawa suna haifar da waɗannan ayyukan waɗanda dole ne a aiwatar da su tare da lambar a cikin babban zaren burauza. Babban zaren yana da alhakin sarrafa ayyukan mai amfani, ƙididdige salo, da ginawa da nuna shimfidar shafi. Idan kun mamaye babban zaren tare da ayyukan JavaScript, ba zai sami damar kammala wasu ayyuka a kan lokaci ba. Wannan yana haifar da jinkiri da "birki" a cikin aiki na shafuka.
Rukunin Rukunin Rubutun HTTP ya ƙunshi bayanai game da tsawon lokacin da ake ɗauka don aiwatar da lambar JavaScript akan babban zaren injin V8. Wannan yana nufin cewa za mu iya tattara waɗannan bayanai kuma mu koyi tsawon lokacin da babban zaren ke ɗauka don sarrafa JavaScript na shafuka daban-daban.
Lokacin CPU (a cikin milli seconds) mai alaƙa da sarrafa rubutun akan na'urorin hannu
Kashi-kashi
10
25
50
75
90
Duk shafuka
356.4
959.7
2372.1
5367.3
10485.8
jQuery shafukan
575.3
1147.4
2555.9
5511.0
10349.4
Vue gidajen yanar gizo
1130.0
2087.9
4100.4
7676.1
12849.4
Shafukan yanar gizo na angular
1471.3
2380.1
4118.6
7450.8
13296.4
Amsa gidajen yanar gizo
2700.1
5090.3
9287.6
14509.6
20813.3
Lokacin CPU mai alaƙa da sarrafa rubutun akan na'urorin hannu
Lokacin CPU (a cikin millise seconds) mai alaƙa da sarrafa rubutun akan na'urorin tebur
Kashi-kashi
10
25
50
75
90
Duk shafuka
146.0
351.8
831.0
1739.8
3236.8
jQuery shafukan
199.6
399.2
877.5
1779.9
3215.5
Vue gidajen yanar gizo
350.4
650.8
1280.7
2388.5
4010.8
Shafukan yanar gizo na angular
482.2
777.9
1365.5
2400.6
4171.8
Amsa gidajen yanar gizo
508.0
1045.6
2121.1
4235.1
7444.3
Lokacin CPU mai alaƙa da sarrafa rubutun akan na'urorin tebur
Anan zaka iya ganin wani abu da aka sani sosai.
Don masu farawa, shafuka masu jQuery suna kashe ƙasa da sarrafa JavaScript akan babban zaren fiye da sauran. A kashi 10th, idan aka kwatanta da duk rukunin yanar gizo, shafukan jQuery akan na'urorin hannu suna ciyar da 61% ƙarin lokacin sarrafa lambar JS akan babban zaren. A cikin yanayin shafukan jQuery na tebur, lokacin sarrafawa yana ƙaruwa da 37%. A kashi 90th, makin shafukan jQuery suna kusa da jimlar maki. Musamman, shafukan jQuery akan na'urorin hannu suna ciyar da 1.3% ƙasa da lokaci a cikin babban zaren fiye da duk rukunin yanar gizon, kuma akan na'urorin tebur suna kashe 0.7% ƙasa da lokaci a cikin babban zaren.
A daya bangaren na mu ratings akwai frameworks da aka halin da mafi girma lodi a kan babban zaren. Wannan shine, sake, Angular da React. Bambancin da ke tsakanin su shine, kodayake shafukan Angular suna aika da adadi mai yawa na lamba zuwa masu bincike fiye da React sites, yana ɗaukar lokaci kaɗan na CPU don aiwatar da lambar shafukan Angular. Kasa mai nisa.
A kashi na 10th, shafukan tebur na Angular suna ciyar da 230% ƙarin babban lokacin sarrafa lambar JS fiye da kowane rukunin yanar gizo. Don shafukan wayar hannu wannan adadi shine 313%. Rukunan martani suna da mafi munin aiki. A kan na'urorin tebur suna kashe 248% ƙarin lambar sarrafa lokaci fiye da duk rukunin yanar gizon, kuma akan na'urorin hannu suna kashe ƙarin 658% ƙarin lambar sarrafa lokaci. 658% ba a rubuta ba. A kashi 10th, React shafukan suna ciyar da daƙiƙa 2.7 na babban lokacin zaren aiki da lambar su.
Lambobin kashi 90 na kallon aƙalla mafi kyau idan aka kwatanta da waɗannan manyan lambobi. Ayyukan angular, idan aka kwatanta da duk shafuka, suna ciyar da 29% ƙarin lokaci a cikin babban zaren akan na'urorin tebur, da 27% ƙarin lokaci akan na'urorin hannu. A cikin yanayin shafukan React, alamomi iri ɗaya suna kama da 130% da 98%, bi da bi.
Matsakaicin rarrabuwar kaso na kashi 90 sun yi kyau fiye da daidaitattun dabi'u na kashi 10th. Amma a nan yana da daraja tunawa cewa lambobin da ke nuna lokaci suna da ban tsoro. Bari mu ce - 20.8 seconds a cikin babban zaren na'urar hannu don rukunin yanar gizon da aka gina akan React. (Na yi imani cewa labarin abin da ya faru a zahiri a wannan lokacin ya cancanci labarin daban).
Akwai yuwuwar rikitarwa a nan (na gode don jawo hankalina zuwa ga wannan siffa, da kuma yin nazarin bayanai da kyau ta wannan mahangar). Gaskiyar ita ce, shafuka da yawa suna amfani da kayan aikin gaba da yawa. Musamman, Na ga shafuka da yawa suna amfani da jQuery tare da React ko Vue yayin da waɗannan rukunin yanar gizon ke ƙaura daga jQuery zuwa wasu sassa ko ɗakunan karatu. A sakamakon haka, na koma cikin ma'ajin bayanai, a wannan lokacin na zaɓi kawai hanyoyin haɗin yanar gizon da suka dace da shafukan da suka yi amfani da React, jQuery, Angular ko Vue kawai, amma ba kowane haɗuwa ba. Ga abin da na samu.
Lokacin sarrafawa (a cikin millise seconds) mai alaƙa da sarrafa rubutun akan na'urorin hannu a cikin yanayin da rukunin yanar gizon ke amfani da tsari ɗaya kawai ko ɗakin karatu ɗaya kawai.
Kashi-kashi
10
25
50
75
90
Shafukan da ke amfani da jQuery kawai
542.9
1062.2
2297.4
4769.7
8718.2
Shafukan da ke amfani da Vue kawai
944.0
1716.3
3194.7
5959.6
9843.8
Shafukan da ke amfani da Angular kawai
1328.9
2151.9
3695.3
6629.3
11607.7
Shafukan yanar gizon da ke amfani da React kawai
2443.2
4620.5
10061.4
17074.3
24956.3
Lokacin sarrafawa da ke da alaƙa da sarrafa rubutun akan na'urorin hannu a cikin yanayin da rukunin yanar gizon ke amfani da tsari ɗaya kawai, ko ɗakin karatu ɗaya kaɗai.
Na farko, wani abu wanda ba abin mamaki bane: lokacin da rukunin yanar gizon ke amfani da tsari ɗaya kawai ko ɗakin karatu ɗaya, aikin irin wannan rukunin yanar gizon yana inganta sau da yawa fiye da a'a. Ayyukan kowane kayan aiki ya fi kyau a kashi 10 da 25. Yana da ma'ana. Gidan da aka yi ta amfani da tsari ɗaya ya kamata ya yi sauri fiye da rukunin yanar gizon da aka yi ta amfani da tsarin biyu ko fiye da haka ko dakunan karatu.
A zahiri, maki na kowane kayan aiki na gaba-gaba da muka bincika sun fi kyau a kowane yanayi, tare da ban sha'awa guda ɗaya. Abin da ya ba ni mamaki shi ne cewa a kashi 50 zuwa sama, rukunin yanar gizon da ke amfani da React suna yin muni yayin da React shine kawai ɗakin karatu da suke amfani da shi. Wannan, ta hanyar, shine dalilin da yasa na gabatar da wannan bayanan a nan.
Wannan ɗan ban mamaki ne, amma har yanzu zan yi ƙoƙarin neman bayani kan wannan bakon.
Idan aikin yana amfani da duka React da jQuery, to wannan aikin yana da yuwuwa wani wuri rabin hanya a cikin aikin ƙaura daga jQuery zuwa React. Wataƙila yana da codebase wanda waɗannan ɗakunan karatu suka haɗu. Tun da mun riga mun ga cewa shafukan jQuery suna ciyar da ɗan lokaci akan babban zaren fiye da shafukan React, wannan na iya gaya mana cewa aiwatar da wasu ayyuka a cikin jQuery yana taimakawa inganta aikin rukunin yanar gizon kaɗan.
Amma yayin da aikin ke motsawa daga jQuery zuwa React kuma ya dogara da yawa akan React, yanayin ya canza. Idan an yi rukunin yanar gizon da inganci na gaske, kuma masu haɓaka rukunin yanar gizon suna amfani da React a hankali, to komai zai yi kyau tare da irin wannan rukunin yanar gizon. Amma ga matsakaicin rukunin React, yawan amfani da React yana nufin cewa babban zaren yana ƙarƙashin ƙarin nauyi.
Rata tsakanin na'urorin hannu da na tebur
Wata hanyar da na kalli bayanan ita ce bincika yadda babban rata ke tsakanin abubuwan wayar hannu da na tebur. Idan muka yi magana game da kwatanta juzu'i na lambar JavaScript, to irin wannan kwatancen ba ya bayyana wani abu mai muni. Tabbas, zai yi kyau a ga ƙaramin adadin lambar da za a iya saukewa, amma babu bambanci sosai a cikin adadin lambar wayar hannu da tebur.
Amma idan kayi nazarin lokacin da ake buƙata don aiwatar da lambar, babban tazara tsakanin na'urorin wayar hannu da na tebur ya zama sananne.
Ƙara lokaci (a cikin kashi) mai alaƙa da sarrafa rubutun akan na'urorin hannu idan aka kwatanta da na tebur
Kashi-kashi
10
25
50
75
90
Duk shafuka
144.1
172.8
185.5
208.5
224.0
jQuery shafukan
188.2
187.4
191.3
209.6
221.9
Vue gidajen yanar gizo
222.5
220.8
220.2
221.4
220.4
Shafukan yanar gizo na angular
205.1
206.0
201.6
210.4
218.7
Amsa gidajen yanar gizo
431.5
386.8
337.9
242.6
179.6
Yayin da ake sa ran wasu bambance-bambance a cikin saurin sarrafa lambar tsakanin waya da kwamfutar tafi-da-gidanka, irin waɗannan manyan lambobi suna gaya mani cewa tsarin zamani ba su isa ga na'urori marasa ƙarfi ba da kuma sha'awar rufe gibin da aka gano. Ko da a kashi 10th, React shafukan suna ciyar da 431.5% ƙarin lokaci akan babban zaren wayar hannu fiye da kan babban zaren tebur. jQuery yana da mafi ƙarancin rata, amma ko da a nan adadi mai dacewa shine 188.2%. Lokacin da masu haɓaka gidan yanar gizon ke yin ayyukansu ta hanyar da suke buƙatar ƙarin lokacin CPU don aiwatar da su (kuma wannan shine abin da ke faruwa, kuma yana ƙara lalacewa cikin lokaci), masu na'urori marasa ƙarfi dole ne su biya shi.
Sakamakon
Kyakkyawan tsarin ya kamata ya ba masu haɓaka tushe mai kyau don gina ayyukan yanar gizon (cikin sharuɗɗan tsaro, samun dama, aiki), ko kuma ya kamata a sami ƙuntatawa a ciki wanda ya sa ya zama da wuya a ƙirƙiri wani abu da ya saba wa waɗannan ƙuntatawa.
Wannan ba ze shafi aikin ayyukan yanar gizo ba (kuma a fili ga nasu ).
Yana da kyau a lura cewa kawai saboda React ko rukunin Angular suna ciyar da ƙarin lokacin CPU don shirya lamba fiye da sauran ba lallai ba ne cewa rukunin React ɗin sun fi rukunin yanar gizon Vue da ƙarfi sosai. A haƙiƙa, bayanan da muka duba sun faɗi kaɗan game da aikin tsarin gine-gine da ɗakunan karatu. Suna ƙarin magana game da hanyoyin haɓakawa waɗanda, sani ko a'a, waɗannan tsare-tsaren na iya tura masu shirye-shirye zuwa ga. Muna magana ne game da takaddun tsarin tsarin, yanayin yanayin su, da dabarun haɓaka gama gari.
Har ila yau, yana da kyau a ambaci wani abu da ba mu bincika ba a nan, wato, tsawon lokacin da na'urar ke kashewa wajen aiwatar da lambar JavaScript lokacin da ake canzawa tsakanin shafukan yanar gizon. Hujjar da ke goyon bayan SPA ita ce, da zarar an loda aikace-aikacen shafi guda ɗaya a cikin mai binciken, mai amfani zai iya shiga cikin shafukan yanar gizo da sauri. Kwarewata ta nuna min cewa wannan yayi nisa da gaskiya. Amma ba mu da bayanan da za su fayyace wannan batu.
Abin da ke bayyane shi ne cewa idan kun yi amfani da tsarin ko ɗakin karatu don ƙirƙirar gidan yanar gizon, kuna yin sulhu game da fara loda aikin da kuma shirya shi don tafiya. Wannan ya shafi har ma da mafi kyawun yanayi.
Yana yiwuwa a yi wasu sasantawa a cikin yanayin da ya dace, amma yana da mahimmanci cewa masu haɓakawa suyi irin wannan sulhu a hankali.
Amma kuma muna da dalili na kyakkyawan fata. Ina samun ƙarfafa ta yadda masu haɓaka Chrome ke aiki tare da waɗanda ke bayan wasu kayan aikin gaba-gaba da muka rufe don taimakawa haɓaka aikin waɗannan kayan aikin.
Duk da haka, ni mutum ne mai gaskiya. Sabbin gine-ginen suna haifar da matsalolin aiki sau da yawa yayin da suke magance su. Kuma yana ɗaukar lokaci don kawar da gazawar. Kamar yadda bai kamata mu yi tsammanin haka ba zai magance duk matsalolin aiki, bai kamata ku yi tsammanin wannan daga sababbin sigogin tsarin da muka fi so ba.
Idan kuna son yin amfani da ɗayan kayan aikin gaba da aka tattauna a cikin wannan kayan, wannan yana nufin cewa dole ne ku ƙara yin ƙoƙari don tabbatar da cewa, ba zato ba tsammani, ba ku cutar da aikin aikin ku ba. Ga wasu la'akari da ya kamata ku yi la'akari kafin ku fara amfani da sabon tsarin:
- Ka duba kanka da hankali. Shin kuna buƙatar amfani da tsarin da kuka zaɓa da gaske? JavaScript mai tsafta na iya yin abubuwa da yawa a yau.
- Shin akwai madadin mafi sauƙi ga tsarin zaɓinku (kamar Preact, Svelte ko wani abu dabam) wanda zai iya ba ku 90% na iyawar wannan tsarin?
- Idan kun riga kun yi amfani da tsarin, yi tunanin ko akwai wani abu da ke ba da mafi kyau, mafi ra'ayin mazan jiya, daidaitattun zaɓuɓɓuka (misali, Nuxt.js maimakon Vue, Next.js maimakon React, da dai sauransu).
- Me za ku Ayyukan JavaScript?
- Yaya za ku iya tsarin ci gaba don sa ya fi wahala gabatar da ƙarin lambar JavaScript a cikin aikin fiye da yadda ya zama dole?
- Idan kuna amfani da tsarin don sauƙin ci gaba, yi la'akari aika lambar tsarin zuwa abokan ciniki. Wataƙila za ku iya warware duk batutuwan akan sabar?
Yawancin lokaci, waɗannan ra'ayoyin sun cancanci yin nazari sosai, ba tare da la'akari da ainihin abin da kuka zaɓa don haɓaka ƙarshen gaba ba. Amma suna da mahimmanci musamman lokacin da kuke aiki akan aikin da ba shi da aikin farawa.
Ya ku masu karatu! Me kuke gani a matsayin ingantaccen tsarin JavaScript?
source: www.habr.com