Tefito'i 'ilo: Ko e kouti 'oku fakahoko lelei taha ko e kouti 'oku 'ikai te ke teitei fakafolau. 'Oku totonu ke kamata 'a e tu'utu'uni kotoa pe 'a e JavaScript 'aki 'a e fehu'i: 'e lava ke a'usia 'eni 'aki 'a e HTML, CSS, pe server-side logic 'i hono fetongi? Ko e ngaahi timi 'oku nau 'eke ma'u pe 'a e fehu'i ko 'eni ko kinautolu ia 'oku nau tauhi 'a e ngaahi polokalama vave mo falala'anga 'i he fua.

Na'e anga fefe 'etau a'u mai ki heni — pea 'oku 'alu ki fe 'a e pisinisi?

Na'e tupu 'a e kuonga 'o e JavaScript-me'a kotoa pe mei ha fie ma'u mo'oni. Na'e tala'ofa 'e he ngaahi polokalama peesi 'e taha 'a e ngaahi a'usia 'a e kau faka'aonga'i 'oku malimali ange, pea mo e ngaahi fa'unga hange ko e Angular, React, mo e Vue na'e ngaohi 'e he ngaahi fetu'utaki faingata'a 'o e tafa'aki 'o e client 'oku lava ke ma'u 'e he timi fakalakalaka kotoa pe. Naʻe ʻi ai ha taimi, naʻe ngali ʻaonga ʻa e ngaahi fefakatauʻakí.

Ka 'oku ta'alo 'a e pendulum ki mui. 'Oku fakamo'oni 'a e ngaue'anga ki ha liliu mahino ki he server-'uluaki architectures, fakalakalaka fakalakalaka, mo e ngaahi founga 'o e 'omi 'o e hybrid. 'Oku fakamamafa'i 'e he ngaahi fa'unga hange ko e Astro, Fo'ou, mo e ngaahi iterations fakamuimuitaha 'o e Next.js 'a e vaka si'isi'i ange 'a e JavaScript 'e he default. Ko e hake 'a e ngaahi konga 'o e Uepi mo e CSS-fakava'e 'i he fetu'utaki — ngaahi fehu'i 'o e koniteina, ngaahi faka'ata 'oku fakalele 'e he takai, 'a e :has() fili — 'oku fakamo'oni'i 'e he tu'unga 'iate ia pe 'oku ne pukepuke 'a e me'a na'e fie ma'u kimu'a 'a e ngaahi tohi.

'Oku faka'ilonga'i foki 'e he kau fakatau browser 'a e fakahinohino ko 'eni. Ko e 'inivesi 'a e Chrome 'i he INP ko ha Core Web Vital, throttling 'o e tohi fakatupu 'ita 'a e Safari, mo e ngaahi malava 'o e Firefox 'oku fakalahi 'a e paie-uta 'oku nau fakapale'i kotoa 'a e ngaahi langa leaner.

Ko e hā e fōtunga ʻo ha Founga Ngāue Fakatuʻumaʻu?

Ko e langa ki he fakahoko ngaue taimi loloa 'oku 'uhinga ia ki hono 'ave 'o e JavaScript-fakakaukau'i kae 'ikai ko e JavaScript-'uluaki filosofia. 'Oku 'ikai 'uhinga 'eni ke faka'ehi'ehi kakato mei he JavaScript — 'oku 'uhinga ia ke faka'aonga'i ia 'i he taumu'a mo e fua 'o hono uesia hokohoko.

Kamata 'aki 'a e ngaahi patiseti fakahoko ngaue. Faka'uhinga'i 'a e payload lahi taha 'o e JavaScript 'e lava ke fakafolau 'e ho'o tohi kole 'i he hala pea fakamālohi'i ia 'o fakafou 'i he ngaahi paipa CI/CD. 'I he taimi 'e mahulu hake ai ha fotunga fo'ou 'i he patiseti, kuo pau ke optimize 'e he timi 'a e code 'oku 'i ai kimu'a pea toki tanaki atu ha me'a lahi ange. Ko e founga ngaue 'e taha ko 'eni 'oku ne ta'ofi 'a e bloat fakautuutu 'oku ne tamate'i 'a e fakahoko 'i he ngaahi mahina mo e ngaahi ta'u.

Ohi 'a e fakalahi fakalakalaka ko ha sipinga 'o e default. Render 'a e kakano 'uhinga 'i he server, style ia 'aki 'a e CSS, pea layer 'a e ngaahi fetu'utaki 'a e JavaScript 'i 'olunga pe 'i he feitu'u 'oku nau 'omi ai 'a e mahu'inga mahino. 'Oku fakapapau'i 'e he founga ko 'eni 'oku ngaue ho'o polokalama ki he tokotaha ngaue kotoa pe 'i he device kotoa pe, mo e ngaahi a'usia fakalahi kiate kinautolu 'oku lava ke poupou'i kinautolu 'e he'enau hardware.

Faka'osi, 'inivesi 'i he lava ke siofi. 'Oku talaatu 'e he fakamatala 'o e Real User Monitoring (RUM) 'a e founga tonu 'oku uesia ai 'e ho'o JavaScript 'a e kau faka'aonga'i mo'oni 'i he ngaahi device mo'oni mo e ngaahi tu'unga 'o e netiueka — 'ikai ko e founga pe 'oku ne fakahoko ai 'i ho'o misini fakalakalaka.

Ngaahi Fehuʻi ʻoku Faʻa ʻEke

'Oku 'uhinga nai 'eni 'oku kovi 'a e ngaahi fa'unga 'o e JavaScript ki he ngaahi polokalama fakapisinisi?

ʻIkai ʻaupito. Ko e ngaahi faʻunga ʻo e JavaScript ko ha ngaahi meʻangāue mālohi ia ʻi hono fakaʻaongaʻi fakataha mo e akonakí. 'Oku tupu 'a e palopalema 'i he taimi 'oku default ai 'a e ngaahi timi ki he client-side JavaScript ki he ngaahi ngaue 'oku tokanga'i lelei ange 'e he server pe ko e tu'unga. 'E lava ke fakahoko lelei 'aupito 'e ha polokalama fakava'e 'oku fa'u lelei mo e vahevahe 'o e code, uta paie, mo e 'ata 'o e server-taha. Ko e kī ko hono fakaʻaongaʻi fakataumuʻa — fili ʻa e JavaScript ʻi he feituʻu ʻoku ne fakaleleiʻi moʻoni ai ʻa e aʻusia ʻa e tokotaha fakaʻaongaʻi pea fakaʻehiʻehi mei ai ʻi he feituʻu ʻoku ʻi ai ha ngaahi founga kehe faingofua ange.

Ko e hā e lahi ʻo e JavaScript ʻoku fuʻu lahi ki ha polokalama uepi?

'Oku 'ikai ha 'aofi faka'univeesi, ka 'oku fokotu'u mai 'e he fakatotolo mei he Google mo e HTTP Archive 'a e fakamatala 'oku kamata ke a'usia 'e he ngaahi peesi 'oku nau fakafolau atu 'o laka hake 'i he 300-400KB 'o e JavaScript kuo fakamālohi'i 'a e faka'auha 'o e fakahoko 'oku lava ke fua 'i he ngaahi device fe'ave'aki pa'anga median. 'Oku mahu'inga ange 'i he fika 'aupito 'a e founga — kapau 'oku tupulaki ho'o JavaScript bundle 'i he tukuange kotoa pe pea 'oku 'ikai ha'o founga ke fakafetongi 'aki 'a e tupulaki ko ia, 'Oku ke 'i ha hala 'oku 'ikai ke tu'uloa.

'E lava ke nofo mo'oni ha tu'unga 'oku 'i ai 'a e ngaahi module 'e 207 hange ko e Mewayz?

'Io, ka 'oku fiema'u 'a e tukupa faka'aati. 'I he Mewayz, 'Oku tau faka'aonga'i 'a e vahevahe 'o e code fakatupu 'ita ko ia 'oku uta pe 'e he kau faka'aonga'i 'a e ngaahi modules 'oku nau faka'aonga'i malohi. Fakataha'i mo e server-taha 'o e 'oatu ki he ngaahi kavenga 'uluaki mo e prefetching 'atamai ki he folau 'oku 'amanaki ki ai, 'oku 'omi 'e he'etau 207-module pisinisi OS 'a e ngaahi a'usia vave, tu'uma'u 'i he ngaahi tiers palani kotoa pe. 'Oku 'ikai ke fefaka'auha'aki 'a e fua mo e fakahoko — 'oku nau fie ma'u pe 'a e ngaahi fili faka'enisinia fakakaukau'i mei he 'aho 'uluaki.

Mateuteu ke a'usia ha tu'unga pisinisi kuo langa ki he fakahoko 'i he fua? 'Oku 'oatu 'e he Mewayz 'a e ngaahi modules fakatahataha'i 'e 207 — mei he CRM mo e pule'i 'o e poloseki ki he invoicing mo e HR — 'o 'ikai ha bloat. Kau fakataha mo e kau faka'aonga'i 'e toko 138,000 'oku nau fakalele vave ange 'enau ngaahi pisinisi, kamata mei he $19/mo pe. Kamata mo e Mewayz he 'aho ni.