ʻAʻole kūpono nā ʻano hoʻokele JavaScript-kaumaha me nā Pahuhopu Hoʻokō lōʻihi

Ma muli o ka hilinaʻi nui ʻana i ka JavaScript no ka hoʻoikaika ʻana i kāu mau palapala noi pūnaewele e hoʻokumu i kahi hōʻaiʻē hana hoʻohui e hoʻohaʻahaʻa i ka ʻike mea hoʻohana, nā pae hulina, a me ka scalability i ka manawa. ʻOiai e noho mau ana ʻo JavaScript i mea paahana koʻikoʻi i ka hoʻomohala ʻana i kēia wā, ke kūkulu nei nā hui e mālama iā ia ma ke ʻano he hopena paʻamau no kēlā me kēia launa pū ʻana ma luna o kahi kumu e hoʻohaʻahaʻa i ka ulu ʻana o kā lākou huahana.

Ma Mewayz, kahi e lawelawe ai kā mākou ʻoihana pāʻoihana 207-module ma luna o 138,000 mau mea hoʻohana i kēlā me kēia lā, ua aʻo mua mākou e pono ana ka hana hoʻomau i nā koho hoʻolālā noʻonoʻo - ʻaʻole wale i nā palapala wikiwiki. Eia ke kumu i hāʻule ʻole ai nā hoʻolālā koʻikoʻi JavaScript ma ka laulā a me nā mea e hana ai nā hui noʻonoʻo mua.

No ke aha e hōʻeha ai ka JavaScript i ka hana i ka manawa?

Pono nā kilobyte o JavaScript āu e hoʻouna aku ai i ka polokalamu kele pūnaewele, pono e hoʻoiho ʻia, ʻohi ʻia, hōʻuluʻulu a hoʻokō ʻia. ʻAʻole like me HTML a me CSS, nā mea hoʻokele e hoʻomaʻamaʻa maʻamau, ua poloka ʻo JavaScript i ka pae nui i ka wā o ka hoʻokō. ʻO ia hoʻi, i ka ulu ʻana a me ka hōʻiliʻili ʻana o kāu palapala noi, ʻaʻole laina laina ke kumukūʻai - he exponential.

He ʻaoʻao i hoʻouka ʻia me ka 200KB o JavaScript i kēia lā e lohi ma 600KB ʻeono mahina ma hope. Hoʻohui ʻia nā hiʻohiʻona, hoʻohui pū ʻana o nā ʻaoʻao ʻekolu, hale waihona puke analytics, a me nā palapala hoʻāʻo A/B nā mea a pau e kōkua i ka puʻupuʻu pūpū. Google's Core Web Vitals — ʻoi aku ka Interaction to Next Paint (INP) and Largest Contentful Paint (LCP) — e hoʻopaʻi pololei i kēia ʻano hōʻiliʻili, e pili pono ana i kāu ʻike hulina.

ʻO ka pōʻino maoli ʻo ia ka uhi ʻana o nā hale kiʻi kiʻi JavaScript-kaumaha i ko lākou kumukūʻai a hiki i ka wā lōʻihi. Hiki mālie ka hoʻohaʻahaʻa ʻana i ka hana, a i ka wā e ʻike ai nā hui, ʻoi aku ka nui o ka hoʻoikaika hou ʻana.

He aha nā kumukūʻai huna o JavaScript-Hoʻomohala Mua?

Ma waho aʻe o ka wikiwiki o ka ʻaoʻao, ua hoʻolauna nā ala JavaScript-kaumaha i kekahi mau kumukūʻai huna e hui pū ʻia i ke ola o kahi huahana:

• Hoʻonui i ka like ʻole o ka hāmeʻa: Hoʻohana maikaʻi nā mea kiʻekiʻe i nā palapala koʻikoʻi, akā ʻo nā kelepona kālā a me nā lako kahiko - hoʻohana ʻia e kahi hapa nui o nā mea hoʻohana honua - e hakakā nei me nā manawa hoʻopau a me ka hoʻokō ʻana, e hana ana i kahi ākea hiki.
• Nā koina kiʻekiʻe aʻe: Hoʻololi ka hoʻololi ʻana i ka ʻaoʻao o nā mea kūʻai aku i ka polokalamu kele pūnaewele, akā pono nā hāʻule hoʻihoʻi ʻana o ka ʻaoʻao kikowaena no SEO a me ka hana hoʻouka mua e hoʻohui i ka paʻakikī a me nā lilo.
• Ke ho'āʻo a me ka hoʻopololei ʻana ma luna: ʻO ka JavaScript hou aʻe, ʻo ia hoʻi, ʻoi aku ka nui o nā helu hiki ʻole, nā kūlana lāhui, a me nā ʻino hoʻokele mokuʻāina he paʻakikī ke hana hou a he pipiʻi ke hoʻoponopono.
• Ka hoʻokaʻawale ʻana o ka mea hoʻomohala ma luna o ka moku: ʻO nā hale kiʻi JavaScript paʻakikī me nā papa abstraction he nui e hoʻolohi i nā lālā o ka hui hou a hoʻonui i ka pilikia o ka hoʻokomo ʻana i nā regressions.
• Ka hoʻonui ʻia ʻana o ka palekana: ʻO kēlā me kēia palapala he mea hoʻouka kaua. Hoʻonui ʻia nā pilikia o ka hoʻopaʻapaʻa ʻana ma ka paena, ka hoʻouka ʻana i ke kaulahao ma o nā mea hilinaʻi, a me nā pilikia hoʻohaumia prototype me ka nui o JavaScript.

ʻIke nui: ʻO ke code hana ʻoi loa ka code āu e hoʻouna ʻole ai. Pono e hoʻomaka kēlā me kēia hoʻoholo JavaScript me ka nīnau: hiki ke hoʻokō ʻia kēia me HTML, CSS, a i ʻole ka loiloi ʻaoʻao server? ʻO nā hui e nīnau mau ana i kēia nīnau, ʻo ia ka poʻe e mālama i nā noi wikiwiki a hilinaʻi ma ka laulā.

Pehea mākou i hiki ai i 'aneʻi — a ma hea ke poʻo o ka ʻoihana?

Ua puka mai ka JavaScript-nā mea a pau mai ka pono maoli. Ua hoʻohiki nā noi ʻaoʻao hoʻokahi i nā ʻike mea hoʻohana maʻalahi, a me nā frameworks e like me Angular, React, a me Vue i hana i nā pilina ʻaoʻao paʻakikī i hiki ke loaʻa i kēlā me kēia hui hoʻomohala. No kekahi manawa, ʻike ʻia ka waiwai o ke kālepa.

Akā, ke koli nei ka pendulum. Ke ʻike nei ka ʻoihana i ka neʻe ʻana i ka hoʻolālā ʻana o ka server-mua, ka holomua holomua, a me nā hoʻolālā hoʻolālā hybrid. ʻO nā ʻōnaehana like ʻo Astro, Fresh, a me nā mea hou o Next.js e hoʻoikaika i ka hoʻouna ʻana i ka JavaScript ma ke ʻano maʻamau. ʻO ka piʻi ʻana o nā ʻāpana Pūnaewele a me ka pānaʻi pili CSS - nā nīnau pahu, nā ʻoniʻoni i hoʻokele ʻia, ka mea koho :has() - e hōʻike ana i ka loaʻa ʻana o ka paepae i nā palapala i koi mua ʻia.

Ke hōʻailona pū nei nā mea kūʻai pūnaewele i kēia kuhikuhi. ʻO ka hoʻokomo ʻana o Chrome i ka INP ma ke ʻano he Core Web Vital, ka hoʻopaʻa ʻana i ka palapala hōʻeuʻeu a Safari, a me ka hoʻonui ʻana o Firefox i ka hoʻouka ʻana i ka palaualelo.

He aha ke ʻano o ka hoʻolālā hana hoʻomau?

'O ke kūkulu 'ana no ka hana lō'ihi, 'o ia ho'i ka ho'ohana 'ana i ka mana'o no'ono'o JavaScript ma mua o ka JavaScript-mua. ʻAʻole kēia manaʻo e hōʻalo loa iā JavaScript - ʻo ia hoʻi ka hoʻohana ʻana me ka manaʻo a me ke ana ʻana i kona hopena mau.

E hoʻomaka me nā pūlāwai hana. E wehewehe i ka uku nui o ka JavaScript i hiki i kāu palapala noi ke hoʻouna i kēlā me kēia ala a hoʻokō iā ia ma o nā paipu CI/CD. Ke ʻoi aku kahi hiʻohiʻona hou ma mua o ka waihona kālā, pono ka hui e hoʻomaikaʻi i nā code i loaʻa ma mua o ka hoʻohui ʻana i nā mea hou aʻe. Mālama kēia hana hoʻokahi i ka hū mālie e pepehi i ka hana i nā mahina a me nā makahiki.

Hoʻohana i ka hoʻonui holomua ma ke ʻano he kumu paʻamau. Hāʻawi i nā ʻike koʻikoʻi ma ke kikowaena, e kāhiko iā ia me CSS, a kau i nā pilina JavaScript ma luna wale nō kahi e hāʻawi ai lākou i ka waiwai maopopo. ʻO kēia ala e hōʻoiaʻiʻo ai e hana kāu palapala noi no kēlā me kēia mea hoʻohana ma kēlā me kēia hāmeʻa, me nā ʻike i hoʻonui ʻia no ka poʻe i hiki ke kākoʻo iā lākou.

ʻO ka hope, hoʻokomo i ka ʻike maka. Hōʻike pololei ka ʻikepili Real User Monitoring (RUM) iā ʻoe i ka hopena o kāu JavaScript i nā mea hoʻohana maoli ma waena o nā polokalamu maoli a me nā kūlana pūnaewele - ʻaʻole i ka hana ʻana ma kāu mīkini hoʻomohala.

Nīnau pinepine

He mea ʻino anei kēia no nā polokalamu ʻoihana?

ʻAʻole loa. He mau mea hana ikaika nā ʻōnaehana JavaScript ke hoʻohana ʻia me ke aʻo ʻana. Piʻi ka pilikia inā paʻa nā hui i ka JavaScript ʻaoʻao o ka mea kūʻai aku no nā hana i mālama maikaʻi ʻia e ke kikowaena a i ʻole ke kahua. Hiki ke hoʻokō maikaʻi ʻia kahi palapala hoʻolālā i kūkulu ʻia me ka wehe ʻana i nā code, ka hoʻouka palaualelo, a me ka ʻaoʻao kikowaena. ʻO ke kī ʻo ka hoʻohana manaʻo ʻia - ke koho ʻana i ka JavaScript kahi e hoʻomaikaʻi maoli ai i ka ʻike mea hoʻohana a pale aku i kahi e loaʻa ai nā mea maʻalahi.

Ehia ka nui o ka JavaScript no ka palapala noi pūnaewele?

ʻAʻohe paepae ākea, akā ʻo ka noiʻi ʻana mai Google a me HTTP Archive e hōʻike ana e hoʻomaka ana nā ʻaoʻao e hoʻouna ana ma mua o 300-400KB o JavaScript i hoʻopaʻa ʻia e ʻike i ka hōʻemi ʻana o ka hana ma nā polokalamu kelepona paʻa. ʻOi aku ka mea nui ma mua o ka helu piha ke ʻano - inā e ulu ana kāu puʻupuʻu JavaScript me kēlā me kēia hoʻokuʻu ʻana a ʻaʻohe āu kaʻina e hoʻopau ai i kēlā ulu ʻana, aia ʻoe ma kahi ala hiki ʻole ke hoʻomau.

Hiki i ka paepae me 207 mau modula e like me Mewayz ke hoʻomau i ka hana hoʻokani?

ʻAe, akā pono ke kūpaʻa i ka hale kūkulu hale. Ma Mewayz, hoʻohana mākou i ka hoʻokaʻawale code aggressive no laila e hoʻouka wale nā ​​mea hoʻohana i nā modula a lākou e hoʻohana ikaika nei. Hoʻohui ʻia me ka ʻaoʻao-server rendering no nā ukana mua a me ka prefetching naʻauao no ka hoʻokele i manaʻo ʻia, hāʻawi kā mākou ʻoihana ʻoihana 207-module i nā ʻike wikiwiki a paʻa i nā pae hoʻolālā āpau. ʻAʻole kūʻokoʻa ka unahi a me ka hana - pono lākou i nā koho ʻenehana noʻonoʻo mai ka lā hoʻokahi.

Mākaukau e ʻike i kahi kahua pāʻoihana i kūkulu ʻia no ka hana ma ka pālākiō? Hāʻawi ʻo Mewayz iā ʻoe i 207 mau modula i hoʻohui ʻia - mai CRM a me ka hoʻokele papahana a hiki i ka invoicing a me HR - me ka ʻole o ka bloat. E hui pū me nā mea hoʻohana 138,000 e holo wikiwiki ana i kā lākou ʻoihana, e hoʻomaka ana ma $19/mo wale nō. E hoʻomaka me Mewayz i kēia lā.