Pehea e hoʻemi ai i kāu pūnaewele

I loko o kahi honua kikohoʻe e hoʻonui mau ana, ua lilo ka hoʻonui ʻana i nā kumuwaiwai i mea nui e hōʻoia i ka pono a me ka pono o nā ʻaoʻao pūnaewele. Ma kēia manaʻo, ʻo ka liʻiliʻi ʻana i kahi ʻaoʻao pūnaewele e lilo i mea koʻikoʻi e hoʻomaikaʻi i ka ʻike mea hoʻohana, hōʻemi i nā manawa hoʻouka a hoʻopaʻa i ka hana holoʻokoʻa o ka pūnaewele. Ma kēia ʻatikala, e ʻimi mākou i nā ʻenehana like ʻole a me nā hoʻomaʻamaʻa maikaʻi loa e hoʻolilo i kāu pūnaewele i ka liʻiliʻi e like me ka hiki, me ka ʻole o ka hoʻololi ʻana i kāna hana a i ʻole ka nānā ʻana. Inā ʻoe e ʻimi nei i nā mea hana a me nā hoʻolālā e hōʻemi i ka nui o kāu pūnaewele, ua hele mai ʻoe i kahi kūpono!

1. Introduction to web size optimization

He kaʻina hana nui ka hoʻonui ʻana i ka nui o ka pūnaewele e hoʻomaikaʻi i ka hana a me ka ʻike mea hoʻohana kahi pūnaewele. Ke hoʻonui nui ʻia kahi pūnaewele, hiki ke lohi i ka hoʻouka ʻana a hoʻopau i nā ʻikepili hoʻohana hou aʻe, hiki ke alakaʻi i kahi ʻike mākaʻikaʻi maikaʻi ʻole a me ka nalowale o nā malihini kipa. Ma kēia ʻāpana, e ʻimi mākou i nā kumu o ka loiloi nui pūnaewele a hāʻawi i nā hoʻolālā kūpono e hōʻemi i ka nui o ka faila a hoʻomaikaʻi i ka hana pūnaewele holoʻokoʻa.

ʻO kekahi o nā mea koʻikoʻi o ka hoʻonui ʻana i ka nui o ka pūnaewele ʻo ia ka hoʻopiʻi faila. ʻO ia ke ʻano o ka hōʻemi ʻana i ka nui o nā faila me ka ʻole o ka hoʻohaumia ʻana i ko lākou maikaʻi. Nui nā ʻano hana no ka hoʻopaʻa ʻana i nā ʻano faila like ʻole, e like me nā kiʻi, style sheets, a me nā faila JavaScript. I loko o kēia ʻāpana, e kūkākūkā mākou i nā mea hana hoʻopiʻi kaulana a me nā ʻenehana kūpono e hōʻemi i ka nui o ka faila me ka ʻole o ka hopena maikaʻi ʻole i ka maikaʻi a i ʻole ka hana o ka pūnaewele.

ʻO kahi hoʻolālā ʻē aʻe ʻo ka hoʻoemi ʻana i nā faila. Hoʻokomo ʻia ka Minification i ka wehe ʻana i nā keʻokeʻo āpau, nā manaʻo, a me nā mea pono ʻole mai nā faila CSS a me JavaScript. Hoʻemi nui kēia i ka nui o nā faila, kahi e hoʻomaikaʻi ai i ka manawa hoʻouka pūnaewele. E ʻimi mākou i nā mea hana a me nā ʻenehana no ka hoʻoemi ʻana i nā faila, a me nā pōmaikaʻi e hiki ai i kēia hana ke lawe mai i ka hana a me ka maikaʻi o ka pūnaewele.

2. No ke aha he mea nui e hoʻoemi i ka ʻaoʻao pūnaewele?

He mea nui ka hoʻemi ʻana i ka nui o kahi ʻaoʻao pūnaewele no nā kumu he nui. ʻO ka mea mua, ʻoi aku ka wikiwiki o kahi ʻaoʻao pūnaewele liʻiliʻi, e hoʻomaikaʻi nui i ka ʻike mea hoʻohana. Estudios han demostrado e haʻalele nā ​​mea hoʻohana i kahi pūnaewele inā ʻoi aku ma mua o kekahi mau kekona e hoʻouka ai. No laila, inā makemake ʻoe e hoʻopaʻa i kāu mau malihini kipa a hoʻonui i kāu helu hoʻololi, pono ia e hoʻouka wikiwiki i kāu pūnaewele.

ʻO kekahi kumu e noʻonoʻo ai ʻo ka hoʻohana ʻana i ka ʻikepili. Cada vez más personas Loaʻa lākou i ka Pūnaewele ma o nā polokalamu kelepona, a ʻo ka hapa nui o lākou i kaupalena ʻia nā hoʻolālā data. Inā kaumaha loa kāu pūnaewele, hiki i nā mea hoʻohana ke hoʻolilo i ka nui o ka ʻikepili no ka hoʻouka ʻana iā ia, hiki ke hopena i kahi ʻike maikaʻi ʻole a hoʻonāwaliwali iā lākou mai ka hoʻi ʻana mai. Ma ka hōʻemi ʻana i ka nui o ka ʻaoʻao, ke hoʻomaikaʻi nei ʻoe i ka hoʻohana ʻana i ka ʻikepili a me ka hōʻoia i hiki ke loaʻa i ka lehulehu lehulehu.

Eia hou, makemake nā ʻenekini huli i nā ʻaoʻao pūnaewele liʻiliʻi. Nā algorithms kūlana Manaʻo ka hapa nui o nā ʻenekini huli i ka manawa hoʻouka ʻana o kahi ʻaoʻao, ma waena o nā kumu ʻē aʻe, e hoʻoholo ai i kona kūlana ma nā hopena hulina. ʻO kahi pūnaewele māmā a wikiwiki hoʻi e loaʻa i nā manawa kūpono o ka hoʻonohonoho ʻana i nā hopena mua, e hoʻonui ai i kona ʻike a me ka hele ʻana o ka organik. ʻO ka hopena, he mea koʻikoʻi ka loiloi ʻaoʻao i ka hoʻomaikaʻi ʻana i ka SEO o kāu pūnaewele a me ka hana holoʻokoʻa.

3. Hoʻomaopopo a hoʻemi i ka nui o ka faila CSS

He ʻāpana koʻikoʻi nā faila CSS o kēlā me kēia pūnaewele i ko lākou hoʻoholo ʻana i ke ʻano a me ke ʻano o ka ʻaoʻao. Eia naʻe, inā ʻaʻole mālama pono ʻia, hiki i kēia mau faila ke lilo i mea nui loa a hoʻopilikia i ka hana ʻaoʻao. ʻO ka mea pōmaikaʻi, aia kekahi mau ʻanuʻu hiki iā ʻoe ke hana e kōkua.

1. E hoʻomaopopo i ke code: No ka hoʻemi ʻana i ka nui o nā faila CSS, he mea nui e hoʻomaopopo i ke code a wehe i nā mea ʻaʻole pono. Nānā i ka code e ʻike a wehe i nā lula CSS i hoʻohana ʻole ʻia. Hiki iā ʻoe ke hoʻohana i nā mea hana loiloi CSS e ʻimi ai i nā hoʻomaikaʻi code.

2. Hoʻoemi i ke code: ʻO ka hoʻohaʻahaʻa ʻana he ʻano hana e wehe ai i nā wahi keʻokeʻo āpau, nā ʻōlelo a me nā laina pono ʻole mai ka code CSS, me ka ʻole o ka hoʻopili ʻana i kāna hana. Hoʻemi nui kēia i ka nui o ka faila a hoʻomaikaʻi i ka manawa hoʻouka pūnaewele. Hiki iā ʻoe ke hoʻohana i nā mea hana pūnaewele a i ʻole nā ​​​​polokalamu ʻaoʻao ʻekolu e minify kāu mau faila CSS.

3. E hoʻohana i nā mea hana hoʻoemi: Nui nā mea hana pūnaewele e ʻae iā ʻoe e hoʻopaʻa i kāu mau faila CSS me ka nalowale ʻole o ka maikaʻi. Hoʻopau kēia mau mea hana i nā wahi kūpono ʻole a hoʻemi i ka nui o ka faila me ka ʻole o ka hoʻopili ʻana i kāna hana. Hiki i kekahi mau mea hana ke hoʻohui i nā faila CSS he nui i hoʻokahi, e hopena i nā noi HTTP liʻiliʻi.

Ma ka hahai ʻana i kēia mau ʻanuʻu, hiki iā ʻoe ke hoʻomaikaʻi i kāu pūnaewele, ʻaʻole ia e hoʻomaikaʻi wale i ka hana ʻaoʻao akā i ka ʻike mea hoʻohana. E hoomanao mau e hana i a kākoʻo o kāu mau faila CSS ma mua o ka hana ʻana i kekahi hoʻololi, a hana i nā hoʻāʻo e hōʻoia i ka holo pono o nā mea a pau.

4. Nā hoʻolālā e hōʻemi i ka nui o ka faila JavaScript

Hiki i ka nui o ka faila JavaScript ke hoʻoikaika nui i ka hana mai kahi pūnaewele Pūnaewele. I ka lilo ʻana o nā palapala JavaScript i ka paʻakikī a me ka laulā, hoʻonui ka nui o nā faila, hiki ke hoʻopilikia i ka manawa hoʻouka a me ka ʻike mea hoʻohana. ʻO ka mea pōmaikaʻi, aia kekahi mau hoʻolālā e hiki ke hahai ʻia e hōʻemi i ka nui o nā faila JavaScript a hoʻomaikaʻi i ka hana pūnaewele. Aia ma lalo kekahi o kēia mau hoʻolālā:

• Hoʻemi code: ʻO ka Minification ke kaʻina o ka wehe ʻana i ke keʻokeʻo, nā manaʻo, a me nā mea pono ʻole mai ka code source JavaScript. Hoʻemi nui kēia i ka nui o ka faila me ka ʻole o kāna hana. Hiki ke hoʻohana ʻia nā mea hana e like me UglifyJS a i ʻole Google Closure Compiler e hoʻemi i nā faila JavaScript.
• Hoʻohui waihona: Ma kahi o ka loaʻa ʻana o nā faila JavaScript kaʻawale ma kahi pūnaewele, pono e hoʻohui iā lākou i hoʻokahi. Hoʻemi kēia i ka helu o nā noi HTTP e pono ai e hoʻouka i ka pūnaewele, a laila e hoʻomaikaʻi i ka hana. Eia nō naʻe, he mea nui e hoʻomanaʻo i ka wā e hoʻohui ai i nā faila, hiki mai nā pilikia hilinaʻi ma waena o lākou.
• Ke wehe nei i ke code i hoʻohana ʻole ʻia: He mea maʻamau ka loaʻa ʻana o nā code JavaScript i hoʻohana ʻole ʻia ma ka pūnaewele. Hiki paha kēia ma muli o nā hana a i ʻole nā ​​poloka code i wehe ʻia akā ʻaʻole i wehe ʻia mai ka faila JavaScript. ʻO ka wehe ʻana i kēia code i hoʻohana ʻole ʻia e hiki ke hōʻemi nui i ka nui o ka faila.

5. Nā ʻenehana hoʻoemi kiʻi no kahi ʻaoʻao pūnaewele liʻiliʻi

He mea koʻikoʻi ka paʻi kiʻi no ka hōʻoia ʻana i ka hoʻouka ʻana o kahi ʻaoʻao pūnaewele me ka wikiwiki. Ma o nā ʻano hana like ʻole, hiki ke hōʻemi i ka nui o nā kiʻi me ka ʻole e hoʻopilikia i ko lākou ʻano hiʻohiʻona.

ʻO ke ʻano hana maʻamau ʻo ia ka lossy compression, kahi e hoʻoneʻe ai i ka ʻike pono ʻole mai ke kiʻi e hōʻemi i kona nui. Loaʻa kēia ma ka hoʻoponopono ʻana i ka maikaʻi a hoʻemi i ka helu o nā kala i ke kiʻi. He mea nui e hoʻomaopopo i ka wā e hoʻohana ai i kēia ala, aia kahi hōʻemi i ka maikaʻi ʻike, ʻoiai hiki ke ʻae ʻia i kekahi mau hihia, e like me nā kiʻi.

ʻO ke ʻano hana ʻē aʻe, ʻo ia ka hoʻoemi ʻole ʻana, e hōʻemi ana i ka nui o ke kiʻi me ka ʻole o ka hōʻemi ʻana i ka maikaʻi. Loaʻa kēia ma o nā algorithms e ʻike ai i nā mamana repetitive a hoʻololi iā lākou me nā hōʻike pōkole. Ma ka hoʻohana ʻana i kēia ʻenehana, hiki ke loaʻa nā kiʻi liʻiliʻi me ka ʻole o ka nalowale ʻike ʻia o ka maikaʻi ʻike. ʻO kekahi mau mea hana kaulana no ka hoʻoemi kiʻi ʻole ʻia OptiPNG y PNGQuant.

6. Pehea e hoʻohana ai i nā mea hana minification e hōʻemi i ka nui o kāu ʻaoʻao pūnaewele

ʻO ka hoʻohana ʻana i nā mea hana minification kahi hoʻolālā kūpono e hōʻemi i ka nui o kāu pūnaewele a hoʻomaikaʻi i kāna hana. ʻO ka hoʻohaʻahaʻa e pili ana i ka wehe ʻana i ke keʻokeʻo, nā manaʻo, a me nā mea pono ʻole mai ka code kumu o kāu pūnaewele. ʻAʻole kēia e hōʻemi wale i ka nui o ka faila akā hoʻomaikaʻi pū i ka manawa hoʻouka ʻaoʻao.

Aia kekahi mau mea hana e hiki ai iā ʻoe ke hana i ka minification wikiwiki a maʻalahi. ʻO kekahi o nā koho kaulana loa ʻo ia ka JavaScript a me CSS minifier "UglifyJS". Hiki i kēia pūnaewele iā ʻoe ke hoʻouka i kāu mau faila JavaScript a i ʻole CSS a hoʻopaʻa maʻalahi a hoʻoemi iā lākou. Eia hou, hiki iā ʻoe ke ʻae i nā koho ʻē aʻe e like me ka hoʻololi inoa obfuscation no ka hoʻonui hou ʻana.

ʻO kekahi mea pono ʻē aʻe ʻo "HTMLMinifier", e hiki ai iā ʻoe ke hoʻokō i ka minification o kāu mau faila HTML. Hoʻopau kēia mea hana i ke keʻokeʻo pono ʻole, nā ʻōlelo a me nā hōʻailona redundant, a laila e hōʻemi ana i ka nui o ka faila hope. Hiki iā ʻoe ke hana i nā koho minification i kāu mau pono, e like me ka mālama ʻana i nā ʻano boolean, etc. E hoʻomanaʻo e nānā mau i ka hopena hope loa e hōʻoia ʻaʻole i hoʻopilikia ʻia ke ʻano a me ka hana o kāu pūnaewele e ka minification. No laila, ma ka hoʻohana pono ʻana i kēia mau mea hana hiki iā ʻoe ke hoʻonui i ka nui o kāu pūnaewele a hoʻomaikaʻi i ka hoʻouka ʻana i ka hana no kahi ʻike mea hoʻohana ʻoi aku ka maikaʻi.

7. ʻO ka hoʻonui ʻana i nā faila a me nā faila multimedia no kahi pūnaewele māmā

ʻO kekahi o nā ala maikaʻi loa e hoʻomaikaʻi ai i kahi ʻaoʻao pūnaewele a hoʻomaikaʻi i ka wikiwiki o ka hoʻouka ʻana ʻo ia ka hoʻomaikaʻi ʻana i nā faila a me nā faila multimedia. Hiki i kēia mau faila, e like me nā kiʻi, wikiō, a me nā faila leo, hiki ke hoʻolohi i kahi ʻaoʻao inā ʻaʻole mālama pono ʻia. Ma kēia ʻāpana, e aʻo mākou i kekahi mau ʻenehana a me nā mea hana e hōʻemi i ka nui o kēia mau faila a hoʻomaikaʻi i ka hana o kā mākou pūnaewele.

No ka hoʻomaka, he mea nui e hōʻoia i nā kiʻi a me nā faila ʻē aʻe Aia nā faila multimedia i ke ʻano kūpono. No ka laʻana, ka hoʻohana ʻana o nā ʻano kiʻi e like me JPEG a i ʻole PNG hiki ke hōʻemi nui i ka nui o nā faila me ka ʻole e hoʻopilikia i ka maikaʻi ʻike. Eia hou, he mea nui e hoʻololi i ka hoʻonā a me ka nui o nā kiʻi i kūpono lākou i ka hoʻonohonoho ʻana o ka ʻaoʻao me ka ʻole o ka lawe ʻana i kahi ākea ma mua o ka pono.

Ma waho aʻe o kēia, aia kekahi mau mea hana a me nā ʻenehana i hiki ke hoʻohana ʻia e hoʻomaikaʻi i nā faila a me nā faila multimedia. No ka laʻana, hiki ke hoʻopili ʻia nā kiʻi me ka hoʻohana ʻana i nā compressors kiʻi pūnaewele, e like me TinyPNG o Compressor.io. Hoʻemi kēia mau mea hana i ka nui o ka faila me ka nalowale ʻole o ka maikaʻi. Eia hou, hiki iā ʻoe ke hoʻohana i nā faila file optimizers, e like me Transfonter, e hoemi i ke kaumaha o na kumu i hoohanaia ma ka pūnaewele. Hāʻawi kēia mau mea hana iā ʻoe e hoʻololi i nā faila font i nā ʻano māmā a ʻoi aku ka maikaʻi.

8. E ho'ēmi i ka helu o nā noi HTTP e hoʻomaikaʻi i ka hana ʻaoʻao pūnaewele

No ka hoʻomaikaʻi ʻana i ka hana o kahi ʻaoʻao pūnaewele, pono e hōʻemi i ka nui o nā noi HTTP. ʻO kēia no ka mea i kēlā me kēia manawa ke komo ka mea hoʻohana i kahi ʻaoʻao, hana kā lākou polokalamu kele i nā noi he nui i ke kikowaena e hoʻouka i nā kumuwaiwai āpau e pono ai, e like me nā faila CSS, JavaScript, a me nā kiʻi. ʻOi aku ka nui o nā noi, ʻoi aku ka lōʻihi o ka manawa hoʻouka ʻaoʻao.

Aia ma lalo kekahi mau ʻanuʻu e hōʻemi i ka nui o nā noi HTTP a hoʻomaikaʻi i ka hana ʻaoʻao pūnaewele:

• Hoʻohui i nā faila CSS a me JavaScript: ʻO kahi ala kūpono e hōʻemi ai i ka nui o nā noi HTTP ʻo ka hoʻohui ʻana i nā faila he nui i hoʻokahi. ʻO kēia Hiki ke hana ʻia ka hoʻohui ʻana i nā code CSS a pau i hoʻokahi faila a me nā code JavaScript āpau i kekahi. Eia hou, hiki ke hoʻohana i kahi mea hana e hōʻemi a hoʻopaʻa i kēia mau faila, e hōʻemi i ko lākou nui a hoʻomaikaʻi hou i ka hana ʻaoʻao.
• Hoʻonui i nā kiʻi: ʻO nā kiʻi maʻamau kekahi o nā mea e hoʻopuka i nā noi HTTP loa. No ka ho'ēmiʻana i kā lākou helu, he mea nui e hoʻonui i nā kiʻi ma mua o ka hoʻoukaʻana iā lākou i ke kikowaena. Hoʻopili kēia iā lākou me ka nalowale ʻole o ka maikaʻi a me ka hoʻoponopono ʻana i ko lākou nui i nā ana e hōʻike ʻia ai lākou ma ka ʻaoʻao pūnaewele. He mea maikaʻi hoʻi e hoʻohana i nā ʻano kiʻi ʻoi aku ka maikaʻi, e like me JPEG a i ʻole WebP, ma kahi o PNG a i ʻole GIF.
• E hoʻohana i nā ʻenehana hoʻopaʻa ʻana: ʻO ka Cache kahi ʻano o ka mālama manawaleʻa e hiki ai ke mālama i nā kope o nā kumuwaiwai o kahi ʻaoʻao pūnaewele i loko o ka polokalamu kele pūnaewele. Ma kēia ala, ʻaʻohe pono e hana i kahi noi HTTP hou i kēlā me kēia manawa ke komo ʻia ka ʻaoʻao like. Hiki iā ʻoe ke hoʻonohonoho i nā poʻomanaʻo pane server e hōʻike i nā kumuwaiwai e mālama ʻia i loko o ka cache browser no kahi manawa i ʻōlelo ʻia.

Ma ka hahai ʻana i kēia mau ʻanuʻu, hiki ke hōʻemi nui i ka nui o nā noi HTTP a hoʻomaikaʻi i ka hana holoʻokoʻa o kahi ʻaoʻao pūnaewele. E hoʻomanaʻo ʻo ka hoʻomau mau ʻana a me ka hoʻohana ʻana i nā mea hana loiloi hiki ke kōkua iā ʻoe e ʻike a hoʻoponopono i nā pilikia kikoʻī ma kāu pūnaewele.

9. Ka hoʻonui ʻana i ka code HTML no kahi ʻaoʻao pūnaewele paʻa

He mea nui ka hoʻoponopono code HTML e hana he ʻaoʻao pūnaewele paʻakikī a hoʻomaikaʻi i ka hoʻouka ʻana. Ma lalo ʻoe e ʻike ai i kekahi mau ʻōlelo aʻoaʻo a me nā ʻenehana e hoʻokō ai i kēia.

ʻO kahi ala e hoʻonui ai i ka code HTML e hōʻemi i ka hoʻohana ʻana i nā hōʻailona pono ʻole. Wehe i nā hōʻailona koʻikoʻi ʻole i ka hana o ka ʻaoʻao. No ka laʻana, inā loaʻa iā ʻoe kahi loulou ʻaʻole pono ke kaomi ʻana, hiki iā ʻoe ke wehe i ka inoa "a" a hoʻopili wale iā ia ma ke ʻano he loulou me CSS. E hoʻomanaʻo i ka liʻiliʻi o nā hōʻailona he faila HTML liʻiliʻi.

ʻO kekahi ʻano koʻikoʻi e hōʻemi i ka hoʻohana ʻana i nā ʻano a me nā waiwai i nā lepili. E hoʻohana i nā papa a me nā mea koho ma CSS e kāhiko i nā mea he nui ma mua o ka hana hou ʻana i nā ʻano like ʻole i ka code HTML. E kōkua kēia i ka hoʻomaʻemaʻe a me ka maʻalahi o ka mālama ʻana i kāu code..

Eia hou, pono e hoʻohana i nā mea hoʻoemi HTML code e hōʻemi i ka nui o ka faila. Hoʻopau kēia mau mea hana i nā wahi kūpono ʻole a me nā manaʻo, e hopena i ka code paʻa. Hiki iā ʻoe ke loaʻa i kekahi mau mea hoʻopili code HTML ma ka pūnaewele e kōkua iā ʻoe hoʻonui i kāu pūnaewele no ka hoʻouka wikiwiki ʻana.

Me kēia mau ʻōlelo aʻoaʻo a me nā mea hana, hiki iā ʻoe ke hoʻonui i kāu code HTML a hana i kahi ʻaoʻao pūnaewele ʻoi aku ka paʻakikī a maikaʻi. E hoʻomanaʻo i kēlā hiki i kēlā me kēia hoʻonui liʻiliʻi ke hoʻololi i ka hana a me ka ʻike mea hoʻohana.

10. Nā manaʻo hana i ka hoʻohana ʻana i nā plugins waho a me nā hale waihona puke ma kāu pūnaewele

Ke hoʻohana nei i nā plugins waho a me nā hale waihona puke ma kāu pūnaewele, he mea nui e noʻonoʻo i kekahi mau manaʻo hana. Hiki i kēia mau mea ke hoʻohui i ka hana a hoʻomaikaʻi i ka ʻike mea hoʻohana, akā hiki iā lākou ke hoʻopilikia maikaʻi i ka manawa hoʻouka a me ka hana holoʻokoʻa pūnaewele.

1. E hōʻemi i ka hoʻohana ʻana i nā plugins a me nā waihona: Ma mua o ka hoʻohui ʻana i kekahi plugin a i ʻole waihona waho i kāu pūnaewele, e loiloi inā pono ʻoe. ʻOi aku ka nui o nā mea o waho, ʻoi aku ka nui o ka ukana ma ke kikowaena a me ka polokalamu kele pūnaewele. E noʻonoʻo inā loaʻa nā mea ʻē aʻe a inā hiki iā ʻoe ke hoʻohana i nā hoʻonā hale ma kahi.

2. Hoʻonui a hoʻopaʻa i nā faila: E hōʻoia e hoʻoemi ʻia nā faila plugin a me nā waihona waihona. E hoʻemi kēia i kona nui a hoʻomaikaʻi i ka manawa hoʻouka. E hoʻohana i nā mea hana e like me nā minifiers a me nā faila compressors e hoʻokō i kēia.

3. Hoʻohou mau i nā plugins a me nā waihona: E hoʻomau i kāu mau plugins a me nā hale waihona puke i waho i kā lākou mau mana hou. Hoʻokomo pinepine nā mea hou i ka hoʻomaikaʻi ʻana i ka hana a me ka hoʻoponopono bug. E nānā mau no nā mea hou a hoʻopili iā lākou i kāu pūnaewele.

E hoʻomanaʻo he mea koʻikoʻi ka hana o kāu pūnaewele i ka mālama ʻana i kāu poʻe malihini kipa a me ka hoʻomaikaʻi ʻana i kāu pae ʻenekini huli. E hoʻomanaʻo i kēia mau noʻonoʻo i ka wā e hoʻohana ai i nā plugins waho a me nā hale waihona puke, a hoʻopaʻa i kā lākou hana e hāʻawi i kahi ʻike mākaʻikaʻi wikiwiki.

11. Pehea e hoʻohana pono ai i ka cache no ka hoʻouka ʻana i ka ʻaoʻao pūnaewele wikiwiki

He ʻenehana hoʻohana nui ʻia ʻo Caching e hoʻomaikaʻi i ka hana o nā ʻaoʻao pūnaewele ma o ka hoʻemi ʻana i ka manawa hoʻouka. Aia i loko o ka mālama ʻana i kahi kope paʻa o nā kumuwaiwai o kahi ʻaoʻao pūnaewele, e like me nā kiʻi, nā ʻano pepa a me nā palapala, ma ka mea hoʻohana. ʻO kēia ala, ke kipa hou ka mea hoʻohana i ka ʻaoʻao, hoʻouka pololei ʻia kēia mau kumuwaiwai mai ka cache ma mua o ka hoʻoiho hou ʻana mai ka kikowaena, kahi e wikiwiki ai ka hoʻouka ʻana i ka ʻaoʻao.

No ka hana ʻana i ka hapa nui o ka caching, he mea nui e hoʻonohonoho pono i nā poʻomanaʻo HTTP e haʻi i ka polokalamu kele i ka lōʻihi o ka mālama ʻana i nā kumuwaiwai i loko o ka cache. ʻO kahi ala e hana ai, ʻo ia ka hoʻohana ʻana i ke poʻomanaʻo "Cache-Control" me ka waiwai "max-age", e kuhikuhi ana i ka helu o nā kekona i manaʻo ʻia he kumu i loko o ka cache. No ka laʻana, inā makemake mākou e hūnā ʻia kahi kiʻi no 1 lā, hiki iā mākou ke hoʻohui i kēia poʻomanaʻo HTTP:
Cache-Control: max-age=86400

ʻO kahi ʻano hana ʻē aʻe e hoʻohana pono ai i ka caching ʻo ia ka hoʻohana ʻana i ka faila App Manifest e haʻi i ka polokalamu kele pūnaewele i nā kumuwaiwai e hoʻopaʻa ʻia. ʻO ka faila hōʻike he faila JSON i loaʻa ka ʻike e pili ana i ka palapala noi pūnaewele, e like me kona inoa, wehewehe, a me nā kumuwaiwai e pono ai e hana. Ma ka wehewehe ʻana i nā kumuwaiwai i loko o ka faile i hōʻike ʻia, hiki iā ʻoe ke hoʻopaʻa maʻalahi i ka polokalamu kele pūnaewele, a laila e hoʻomaikaʻi ai i ka hana ʻaoʻao pūnaewele.

12. ʻO ka hoʻāʻo ʻana a me ka nānā ʻana i ka hana e hōʻoia i ka pono o ka nui o ka pūnaewele

ʻO ka hoʻāʻo ʻana a me ka nānā ʻana i ka hana he mau hana koʻikoʻi e hōʻoia i ka pono o ka hoʻonui ʻana i ka nui o ka pūnaewele. Hāʻawi kēia mau mea hana iā mākou e ʻike a hoʻoholo i nā pilikia e pili ana i ka hana o kā mākou pūnaewele. Aia ma lalo kekahi mau ʻōlelo paipai a me nā mea hana pono e hoʻokō ai i kēia mau hoʻokolohua.

ʻO kahi ala e loiloi ai i ka hana o kahi ʻaoʻao pūnaewele ʻo ka hoʻohana ʻana i nā mea hana hoʻāʻo pūnaewele, e like me GTmetrix a i ʻole Google's PageSpeed ​​​​Insights. Hoʻopili kēia mau mea hana i ka hana ʻaoʻao a hāʻawi i nā manaʻo kikoʻī e hoʻomaikaʻi i ka wikiwiki o ka hoʻouka ʻana. ʻO kekahi o nā metric e pono ai mākou e noʻonoʻo i ka manawa hoʻouka, ka nui o ka ʻaoʻao, a me ka helu o nā noi.

Ma waho aʻe o nā mea hana pūnaewele, pono e hana i nā hoʻokolohua ma nā hāmeʻa like ʻole a me nā polokalamu kele pūnaewele e hōʻoia i ka paʻa ʻana o ka hana ma nā paepae. Hiki iā mākou ke hoʻohana i nā emulators a i ʻole nā ​​​​mea hana kino e hoʻohālikelike i ka ʻike mea hoʻohana i nā hiʻohiʻona like ʻole. Pono e hoʻomanaʻo e ʻokoʻa paha ka hana o kahi ʻaoʻao pūnaewele ma muli o ka mea i hoʻohana ʻia, no laila pono ka hoʻāʻo nui.

13. ʻO nā hana maikaʻi loa a me nā ʻōlelo aʻoaʻo hou e hoʻoemi i kāu pūnaewele

E hōʻemi i ka hoʻohana ʻana i nā faila waho: Hiki i nā faila waho, e like me ka CSS style sheets a me JavaScript scripts, hiki ke hoʻoikaika i ka ʻaoʻao pūnaewele. No ka ho'ēmiʻana i ka nui o kāuʻaoʻao, pono e hoʻemi i ka nui o nā faila waho āu e hoʻohana ai. E noʻonoʻo e hoʻohui a hoʻoomi i nā faila CSS a me JavaScript i hoʻokahi faila e hōʻemi i nā noi kikowaena a hoʻomaikaʻi i ka manawa hoʻouka ʻaoʻao.

Hoʻonui a hoʻopaʻa i kāu mau kiʻi: Hiki i nā kiʻi ke kumu nui o ka nui o ka ʻaoʻao pūnaewele. No ka liʻiliʻi ʻana i kāu ʻaoʻao, ʻoi aku ka maikaʻi o ka hoʻomaikaʻi ʻana a hoʻopaʻa i kāu mau kiʻi. Hiki iā ʻoe ke hoʻohana i nā mea hana pūnaewele a i ʻole nā ​​lako polokalamu kūikawā e hōʻemi i ka nui o nā kiʻi me ka ʻole o ka hoʻololi ʻana i ka maikaʻi. Eia kekahi, e noʻonoʻo e kaupalena i ka hoʻohana ʻana i nā kiʻi i loko ʻAno PNG, no ka mea, ʻoi aku ko lākou kaumaha ma mua o nā kiʻi JPEG.

Wehe i ke code pono ʻole: E noʻonoʻo pono i kāu code pūnaewele a wehe i nā code pono ʻole a i ʻole ka hoʻihoʻi hou ʻana. Loaʻa kēia i nā hōʻailona HTML ʻole, nā manaʻo nui, a me ka code JavaScript a i ʻole CSS i hoʻohana ʻole ʻia. ʻO ka maʻemaʻe a me ka pōkole o kāu code, ʻoi aku ka liʻiliʻi o kāu ʻaoʻao pūnaewele. Eia kekahi, e hoʻoponopono pono i ka indentation a hoʻohana i kahi hoʻolālā hierarchical kūpono i mea e maʻalahi ai ke code e heluhelu a mālama i ka wā e hiki mai ana.

14. Nā hopena a me nā pōmaikaʻi o kahi pūnaewele i hoʻonui ʻia i ka nui

He mea koʻikoʻi nā hopena a me nā pōmaikaʻi o ka loaʻa ʻana o kahi pūnaewele i ka nui i ka wā e hoʻomaikaʻi ai i ka ʻike mea hoʻohana a me ka hana pūnaewele. ʻO ka hoʻonui ʻana i ka nui o kahi ʻaoʻao pūnaewele e pili ana i ka hōʻemi ʻana i ke kaumaha o nā faila a me nā mea e hana ai, a he nui nā pono.

ʻO ka mea mua, ʻoi aku ka wikiwiki o ka ʻaoʻao pūnaewele i hoʻopaʻa ʻia, e hoʻomaikaʻi i ka ʻike mea hoʻohana a hoʻemi i ka helu bounce. Hiki i nā mea hoʻohana ke haʻalele i kahi pūnaewele lohi i ka hoʻouka ʻana, no laila pono ka hoʻemi ʻana i ka manawa hoʻouka. Hiki iā ʻoe ke hōʻemi i ka nui o nā kiʻi, CSS a me nā faila JavaScript, a me nā mea ʻē aʻe, e wikiwiki ana i kā lākou hoʻouka ʻana i nā mea hoʻohana.

Eia kekahi, ʻo kahi ʻaoʻao pūnaewele i hoʻopaʻa ʻia i ka nui e maʻalahi ke nānā. ma nā polokalamu like ʻole a me nā pilina pūnaewele. Me ka piʻi ʻana o nā polokalamu kelepona, he mea nui ka pane ʻana o kahi pūnaewele a hoʻololi pololei i nā ʻāpana ʻokoʻa. Kōkua ka hoʻonui ʻana i ka nui i ka hōʻike pololei ʻana o ka pūnaewele ma nā kamepiula ʻelua a me nā polokalamu kelepona, e ʻoi aku ka ʻoluʻolu o ka mea hoʻohana. Pēlā nō, hoʻouka ʻia kahi ʻaoʻao pūnaewele i hoʻopaʻa ʻia me ka pono ʻoiai ma nā pili lohi, pale aku i ka huhū o ka mea hoʻohana a hoʻonui i ka hiki o ka pūnaewele.

Ma ka hōʻuluʻulu manaʻo, pono ka loaʻa ʻana o kahi pūnaewele i hoʻopaʻa ʻia i ka nui e hoʻomaikaʻi i ka ʻike mea hoʻohana, e hōʻemi i ka manawa hoʻouka a hōʻoia i ka hōʻike pololei ma nā ʻaoʻao like ʻole a me nā pili pūnaewele. ʻO ka hoʻonui ʻana i ka nui e pili ana i kahi ʻano o nā ana e like me ka hōʻemi ʻana i ke kaumaha o nā faila a me nā mea, e lawe mai i nā pono he nui e like me ka wikiwiki o ka hoʻouka ʻana a me ka hoʻololi ʻana i nā polokalamu. ʻO ka hoʻokō ʻana i kēia mau hana hoʻolālā e hopena i kahi pūnaewele ʻoi aku ka maikaʻi a me ka holomua.

I ka pōkole, pono ka hoʻemi ʻana i ka nui o kahi ʻaoʻao pūnaewele no ka hoʻomaikaʻi ʻana i ka wikiwiki o ka hoʻouka ʻana a me ka hoʻonui ʻana i ka ʻike mea hoʻohana. Ma kēia ʻatikala holoʻokoʻa, ua ʻimi mākou i nā ʻenehana like ʻole a me nā mea hana e hiki ai iā ʻoe ke hana i kēlā.

Mai ka paʻi kiʻi a me ka faila a hiki i ka code minification, ʻo kēlā me kēia hana āu e hana ai i ke kuhikuhi o ka hōʻemi ʻana i ka nui o kāu pūnaewele e kōkua i ka hoʻomaikaʻi ʻana i kāna hana. E hoʻomanaʻo i kēlā, i loko o kahi honua paʻakikī a me nā pilina pūnaewele ʻokoʻa, pono ka loiloi ukana.

Mai poina e nānā mau i ka nui o kāu ʻaoʻao pūnaewele a hana i nā hoʻololi inā pono. E noho ma luna o nā hana hou loa a me nā hana maikaʻi loa ma ke kahua o ka hoʻolālā pūnaewele, ʻoiai e ulu mau ana ka ʻenehana a me nā ʻenehana.

Ma ka hoʻokō ʻana i kēia mau hoʻolālā hoʻohaʻahaʻa, e hele maikaʻi ana ʻoe i ka hoʻopuka ʻana i kahi ʻike mea hoʻohana kūpono a ʻoluʻolu. Ke hoʻohana nei ʻoe i kēia mau ʻenehana, hiki iā ʻoe ke hauʻoli i kahi pūnaewele liʻiliʻi a wikiwiki hoʻi, ʻoiai e mālama ana i kāu ʻike ma kona ʻano kiʻekiʻe loa.

I ka hopena, ʻo ka hoʻonui ʻana i ka nui o kahi ʻaoʻao pūnaewele he mea koʻikoʻi e hōʻoia i ka hana kūpono a me ka hoʻokele maʻalahi. E hahai i nā ʻanuʻu a me nā ʻōlelo aʻoaʻo i ʻōlelo ʻia ma kēia ʻatikala a aia ʻoe ma ke ala kūpono e loaʻa ai kahi pūnaewele liʻiliʻi a ʻoi aku ka maikaʻi.