JavaScript-Mamafa auala e le fetaui ma sini umi o faatinoga

O le fa'alagolago tele i le JavaScript e fa'aola ai au talosaga i luga ole laiga e fa'atupu ai se aitalafu tu'ufa'atasiga o fa'atinoga e fa'aleagaina ai le poto masani a tagata fa'aoga, fa'avasegaga o su'esu'ega, ma le fa'alauteleina i le aluga o taimi. A'o tumau pea le JavaScript o se meafaigaluega taua i atina'e fa'aonaponei, o 'au latou te fa'aogaina e fai ma vaifofo fa'aletonu mo so'o se feso'ota'iga o lo'o fausia i luga o se fa'avae e fa'aleagaina a'o tuputupu a'e a latou oloa.

I Mewayz, lea e tautua ai le matou 207-module business OS i luga atu o le 138,000 tagata fa'aoga i aso uma, na matou vave iloa ai o le fa'aauauina o galuega e mana'omia ai filifiliga faufale ma'oti - e le na'o fa'amatalaga vave. O le mafuaaga lea e le taulau ai fuafuaga mamafa JavaScript ma mea e tatau ona fai e 'au e mafaufau i luma.

Aisea e afaina ai le tele o le Javascript i le faatinoga i le taimi?

O kilobyte uma o le JavaScript e te lafo i le su'esu'e e tatau ona la'u mai, fa'avasega, tu'ufa'atasia, ma fa'atino. E le pei o le HTML ma le CSS, o loʻo faʻasolosolo faʻasolosolo e tagata suʻesuʻe, o le JavaScript e poloka le filo autu i le taimi o le faʻatinoga. O lona uiga a fa'atupula'ia lau tusi talosaga ma fa'aputuina nisi fa'amaumauga, o le tau e le'o laina - e fa'atele.

O se itulau o lo'o fa'amalieina le utaina i le 200KB o le JavaScript i aso nei e fa'agasolo i le 600KB i le ono masina mulimuli ane. Fa'aopoopo fa'aaliga, tu'ufa'atasiga vaega lona tolu, faletusi au'ili'ili, ma tusitusiga fa'ata'ita'iga A/B e saofagā uma i le fa'aputuga o fusi. Google's Core Web Vitals—aemaise Interaction to Next Paint (INP) ma le Largest Contentful Paint (LCP) - e fa'asala tonu lenei ituaiga fa'aputuga, e a'afia sa'o ai lau va'aiga.

O le tulaga mata'utia o le fa'amama lea e faufale fa'amamafa-JavaScript a latou tau se'ia o'o ina tuai tele. E faasolosolo malie le fa'aletonu o fa'atinoga, ma e o'o atu i le taimi e iloa ai e 'au, ua matua'i tele le taumafaiga e toe fa'aleleia.

O a Tau Natia o le JavaScript-Mua'i Atina'e?

I tua atu o le saosaoa o itulau mata'utia, o auala mamafa JavaScript e fa'ailoa mai ai le tele o tau natia o lo'o fa'aopoopoina i luga o le olaga o se oloa:

• Fa'ateleina le le tutusa o masini: O masini maualuluga e fa'atautaia tusitusiga mamafa, ae o telefoni fa'atatau o tupe ma masini tuai - fa'aaogaina e se vaega tele o tagata fa'aoga i le lalolagi atoa - e tauivi ma taimi fa'avasega ma fa'atinoina, faia ai se avanoa avanoa.
• O le tau maualuga o galuega tetele: O le fa'aliliuina atu o tagata o lo'o fa'atauina e fa'atino suiga i le su'esu'ega, ae o fa'afouga fa'afouga ile itu-server e mana'omia mo le SEO ma le fa'atinoina o uta muamua e fa'aopoopoina ai le lavelave ma le fa'aalu.
• Su'ega ma fa'asolo i luga: O le tele o le JavaScript o lona uiga e tele atu mea e ono fa'aletonu, tulaga tau ta'aloga, ma fa'aletonu o le pulega o le setete e faigata ona toe gaosia ma taugata e toe fa'aleleia.
• Tagata atia'e fete'ena'iga i luga ole va'a: Fa'ata'ita'iga lavelave o le JavaScript ma le tele o fa'a'ese'esega fa'ate'aina e fa'agesegese ai tagata fou o le 'au ma fa'atupula'ia ai le ono tula'i mai o suiga.
• Saogalemu fa'alautele luga: O tusitusiga uma lava o se fa'alavelave osofa'i. O fa'aletonu o tusitusiga i luga ole laiga, osofa'iga o le sapalai e ala i fa'alagolago, ma fa'ata'ita'iga fa'aleagaina o fa'alavelave e fa'atupula'ia uma i le voluma JavaScript.

Malamalamaaga autu: O le code pito sili ona fa'atino o le code e te le lafoa'ia. O filifiliga uma a JavaScript e tatau ona amata i le fesili: e mafai ona ausia lenei mea ile HTML, CSS, poʻo le server-side logic nai lo? O 'au e fesiligia pea lenei fesili, o 'au ia e fa'atumauina fa'aoga vave ma fa'atuatuaina ile fua.

Na Fa'apefea Ona Tatou O'o I'inei — ma O Fea o Lo'o Fa'aulutalaina le Alamanuia?

O le Javascript-mea uma na aliaʻe mai se manaʻoga moni. O talosaga e tasi-itulau na folafola mai ai le fa'alelei o fa'aoga a tagata fa'aoga, ma fa'ava'a e pei o Angular, React, ma Vue na fa'afaigofie ai feso'ota'iga lavelave a tagata fa'atau i vaega uma o atina'e. Mo sina taimi, na foliga mai e aoga le fefa'ataua'iga.

Ae o lo'o sōsō i tua le pendulum. O lo'o molimauina e le alamanuia se suiga manino i le fa'auluuluga o faletusi, fa'aleleia atili, ma ta'iala tu'ufa'atasiga. Auivi e pei o Astro, Fresh, ma fa'amatalaga lata mai o Next.js fa'amamafaina le fa'aitiitiga o le JavaScript ona o le fa'aletonu. Ole si'itia ole Upega Tafa'ilagi ma feso'ota'iga fa'avae CSS - fesili i pusa, fa'afiafiaga fa'agasolo, le :has() filifili - fa'amaonia ai o lo'o maua e le fa'avae lava ia mea na mana'omia muamua.

O lo'o fa'ailoa mai fo'i e le au fa'atau su'esu'e lenei itu. O le fa'afaigaluegaina o Chrome i le INP o se Uepi Lautele Vital, fa'atama'i fa'amaufa'ailoga a Safari, ma le fa'aleleia atili o le fa'aogaina o le paie a Firefox e tauia uma ai fausaga fa'alelei.

O le a le Fa'atusa o se Fuafuaga Fa'atino Fa'aauau?

O le faufale mo fa'atinoga umi o lona uiga o le fa'aaogaina o se filosofia e malamalama i le JavaScript nai lo le JavaScript-muamua. E le o lona uiga o le aloese atoa mai le JavaScript - o lona uiga o le fa'aaogaina ma le loto i ai ma fuaina pea lona aafiaga.

Amata i paketi fa'atinoga. Fa'amatala le maualuga o le utaga o le JavaScript e mafai e lau talosaga ona lafo ile auala ma fa'amalosia e ala ile paipa CI/CD. Afai e sili atu se vaega fou i le tala o le tupe, e tatau i le 'au ona fa'asili le fa'ailoga o lo'o iai a'o le'i fa'aopoopo atili. O lenei faiga e tasi e taofia ai le fa'asolosolo malie e fa'aumatia ai galuega i masina ma tausaga.

Fa'aaoga le fa'aleleia atili e fai ma fa'ata'ita'iga fa'aletonu. Tu'u mea anoa ile server, fa'apena ile CSS, ma fa'apipi'i feso'ota'iga JavaScript ile pito i luga na'o le mea e maua ai le taua. O lenei faiga e fa'amaonia ai o lau talosaga e aoga mo tagata uma e fa'aoga i masini uma, ma fa'alelei fa'amatalaga mo i latou e mafai ona lagolagoina e latou meafaigaluega.

Mulimuli ane, teu fa'afaigaluega i le mata'ituina. O fa'amaumauga a le Real User Monitoring (RUM) e ta'u sa'o mai ai pe fa'afefea ona a'afia e lau JavaScript tagata fa'aoga moni i masini moni ma tulaga o feso'ota'iga - ae le na'o le fa'atinoina o lau masini atina'e.

Fesili e Fai soo

O lona uiga e leaga le auivi o le JavaScript mo talosaga faapisinisi?

E leai lava. Javascript frameworks o meafaigaluega mamana pe a faʻaaogaina ma le amio pulea. O le fa'afitauli e tula'i mai pe a le mafai e 'au ona fa'aogaina le JavaScript mo galuega e sili atu ona taulimaina e le 'au'aunaga po'o le tulaga. O se fa'aoga fa'avae fa'atulagaina lelei ma le vaeluaga o fa'ailoga, uta paie, ma le fa'aliliuina o le itu-aumau e mafai ona fa'atino lelei. O le ki o le fa'aaogaina ma le loto i ai - filifilia le JavaScript i le mea e fa'aleleia moni ai le fa'aoga o le poto masani ma aloese mai ai pe a iai isi mea faigofie.

E fia le tele o le Javascript mo se upegatafa'ilagi?

E leai se tapulaa lautele, ae o suʻesuʻega mai Google ma HTTP Archive faʻamaumauga e faʻaalia ai o itulau e lafo atu i luga atu o le 300-400KB o le JavaScript ua faʻapipiʻiina e amata ona iloa le faʻaleagaina o faʻatinoga i luga o masini feaveaʻi. E sili atu le taua nai lo le numera atoatoa o le masani - afai o loʻo tuputupu aʻe lau fusi JavaScript i faʻasalalauga uma ma e leai sau faʻagasologa e faʻafefe ai lena tuputupu aʻe, o loʻo e i ai i se ala e le gafatia.

E mafai e se fa'avae e 207 modules pei o Mewayz ona tumau pea le fa'atinoga?

Ioe, ae e mana'omia le fa'ata'ita'iga. I le Mewayz, matou te faʻaogaina le vaeluaga o tulafono faʻamalosi ina ia naʻo tagata e faʻapipiʻiina ia modules latou te faʻaaogaina. Fa'atasi ma le fa'aliliuina o le itu-aumau mo uta muamua ma le fa'ata'ita'i atamai mo fa'atautaiga fa'amoemoe, o la tatou 207-module pisinisi OS e tu'uina atu fa'amatalaga vave, faifai pea i vaega uma o fuafuaga. Ole fua ma le fa'atinoga e le'o tu'ufa'atasia—na'o le mana'omia lava o filifiliga fa'ainisinia mai le aso muamua.

Sauni e fa'ata'ita'i se fa'alapotopotoga fa'apisinisi ua fausia mo le fa'atinoga i le fua? Mewayz e tu'uina atu ia te oe 207 tu'ufa'atasi modules — mai le CRM ma le fa'atonuina o le poloketi i le pili ma le HR - e aunoa ma le fa'afefe. Auai i le 138,000 tagata faʻaoga e faʻatautaia a latou pisinisi vave, amata ile $19/mo. Amata i le Mewayz i le asō.