E hoʻokaʻina i ka Google PageSpeed ​​E hoʻolimalima i ka render-blocking JavaScript a me CSS ma luna o nā mea i luna

E hoʻokaʻawale i ka hoʻolalelale ʻana iā Javascript a me CSS

ʻO ka Google PageSpeed ​​[1] hōʻoia E hoʻokuʻu i ka render-blocking Hōʻike a JavaScript a me CSS ma luna aʻe nei i ka hoʻopukaʻana i nā pūnaewele JS a me CSS ma hope o ka hoʻopiha pihaʻana o ka HTML - a no laila, mai hoʻomaha i kāu loading HTML e kiʻi iā lākou.

Ka wehewehe ʻana i ka palapala hōʻano hou: nā script i hoʻouka ʻia ma mua o ka hoʻopau ʻia ʻana o ka DOM HTML piha. ʻO kahi laʻana, nā huapalapala i hoʻopili ʻia i ke poʻo poʻo a i ʻole i loko o ka ʻike, me ka ʻole o kekahi kuhikuhi kikoʻī no nā mea ʻimi pūnaewele e hoʻopaneʻe i ka hoʻouka ʻana i ka script a ma hope o ka pena HTML.

Hoʻopau i ka hoʻohuli ʻana iā JavaScript a me CSS ma luna o ka ʻike ma luna o ka pā: e hōʻike pehea e hoʻoponopono ai

1. E hoʻolālā i kahi ʻōnaehana kūwaho i kāu pūnaewele no ʻoe
   
2. E hoʻohana i kahi CDN e hana i nā optimization kūpono āpau ma luna o kou inoa, e like me ʻekolu mau optimization e pono ai e hoʻoponopono i ka hoʻopau ʻana i nā kumuwaiwai-ālai palena.
   
3. Hoʻoiho i nā faila Javascript hoʻouka
   
4. Hoʻouka i ka CSS ma hope o ka hoʻouka HTML
   
5. E hoʻohana i kahi plugin WordPress
   

Nui nā optimization e pono ai e hoʻoponopono i ka hoʻopau ʻana i nā kumuwaiwai ālai a lohi paha e hoʻokomo iā ʻoe iho - a me, e nānā mau ʻoe i nā hoʻokolohua hou i loko o Chrome LightHouse a me Google PageSpeed ​​i waena o nā ʻaoʻao wikiwiki ʻē aʻe.

ʻAʻohe hopena e kū nei e kāpae i nā kumuwaiwai paʻa-block i ka code htaccess ʻoiai pili ka pilikia iā DOM, ʻo ia hoʻi ka ʻike pūnaewele, a me ke kauoha e hoʻouka ʻia nā kumuwaiwai i hoʻopili ʻia, e like me Javascript a me CSS, akā ʻaʻole wale. ʻAʻole hiki ke hoʻomaka ʻia kēia mau mea i ka htaccess, akā ma ka ʻike HTML DOM wale nō.

Inā ʻoe e hoʻoponopono i kēia mau pilikia no ka ʻoneki, ma ka manawa like e kāpae ai i nā kumuwaiwai paʻa-paʻa no ke kelepona ʻoiai like like nā ʻelua!

Did you know that you can even have all these steps executed automatically for you by using an external  Pūnaewele Speed   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Hoʻoikaika i nā faila Javascript

I mea e hoʻokuʻu ai i ka ukana o kāu pūnaewele JS [2], hiki iāʻoe ke hoʻohui i ka async a iʻole ka hoʻokuʻuʻana i ke kuhikuhi i kāu mau leka uila. ʻAʻole hiki i ka Async ke hōʻoia i ka loiloiʻiaʻana o lākou i keʻano hoʻokahi - no laila, inā loaʻa iāʻoe kekahi mau hōʻailona e holo i kekahi ma hope o kekahi, eʻoi aku ka maikaʻi o ka hoʻopanee no ka hōʻoiaʻana i ke kaʻina:

Hoʻopili i ka CSS ma hope o ka ukana HTML

No ka hoʻounaʻana i ka CSS ma hope o ka laweʻana o nā HTML piha, hāʻawiʻiaʻo Google [3] kēia'āpana code e hōʻoia ma ka hopena o kāu HTML, no ka laʻana ma hope o ka paʻi hopeʻana o ka footer a ma mua o ka hanaʻana o ke kino:

I mea e hoʻonui ai i kāu pūnaewele, he manaʻo maikaʻi ia e wehe i ka code css unised, kahi mea hiki keʻike ināʻaʻoleʻikeʻoe i kaʻike pūnaewele. Ināʻaʻoleʻoe i hana i kāu waihona pūnaewele iāʻoe iho,ʻo ia ka mea e hoʻohana ai i kahi'ōnaehana o waho e wehe ai i kāu mauʻaoʻao ma kāuʻaoʻao Speed ​​Accelerator.

E pākuʻi i ka hōʻike hoʻokolohua Google.

Mālama kēia i ka Google PageSpeed ​​[1] hōʻoia Eliminate render-blocking JavaScript a me CSS ma luna o ka waihona (me ka Leverage ka polokalamu kele pūnaewele [4]) ma kahi pūnaewele, e piʻi ana mai kahi he 51 o ka polokalamu kele pūnaewele ( Fig 1) a 72 (Fig 2), a piʻi mai 59 (Fig 3) i 79 ma ka pāʻali (Fig 4).

Pehea e hoʻopau ai i nā kumu hana-paʻi i WordPress

No ka hōʻokiʻana i nā kumu hana hāwele i WordPress, pono pono e hoʻokomo i kahi polokalamu e like me JetPack.

A laila, e hele i nā koho, no laila e liloʻoe i luna hoʻomalu, a hele i nā koho JetPack> Kākau> Hana a me Speed> nānā Enable pūnaewele holomua, e wikiwiki i nā manawa hoʻoili kiʻi, hiki ke piʻi i nā manawa hana loiloi kūikawā, a hiki i ka loina hoʻolimalima kiʻi.

Master Pūnaewele Pūnaewele: E kākau inoa i kēia manawa!

E hoʻololi i kāu heleʻana i kāu kamepiula me kā mākou papa hana maʻamau pūnaewele - hoʻomaka i kāu huakaʻi e lilo i mea loea i kēia lā!

E kākau inoa ma aneʻi

E hoʻopau kēia i nā kumu lawe-blocking i WordPress a hoʻokuʻu i nā wikiwiki ma kaʻaeʻana iā JetPack e hoʻoikaika i kāu mau kiʻi a lawelawe i kāu mau kiʻi a me nā'enepela (e like me CSS a me JavaScript) mai kā lākou pūnaewele o nā pūnaewele.

Eia nō hoʻi, e poina e hoʻopili i nā kiʻi paʻi kiʻi i ke kiʻiʻana ma o ka hoʻohanaʻana i kahi hana wikiwiki. ʻOiai e lilo ana i mea paʻakikī a pono i kahi hale waihona puke e hoʻopili ai i nā kiʻi paʻi kiʻi, hikiʻole iā ia ma HTML5!

E hoʻokō i ka hoʻopiliʻana i nā kiʻi ma kāu pūnaewele, e hoʻohui wale i nā waiwai i nā kiʻi e loaʻa ana i kēia mau kiʻi paʻi nā mea hana kiʻi.

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

Ma luna o kēlā mea, ua hana ka poʻe palau, a he hoʻokō nui e hoʻopau i nā waiwai kālā mai kāu pūnaewele.

Ke loaʻa nei i nā kumuwaiwai e loaʻa ana i nā kumuwaiwai e loaʻa ai ma hope o ka mea nui, e loaʻa iāʻoe ka hōʻike HTML

E hoʻokau i kahi ʻōnaehana kūwaho i ka pūnaewele no ʻoe

ʻIke paha ʻoe ua hiki iā ʻoe ke helu pono i nā hihia āpau a Google PageSpeed ​​ma kāu inoa, me ka ʻole o ka hoʻoikaika nui mai kāu pūnaewele - koe wale ke kākau inoa ʻana no kahi hoʻokolohua likeʻole a hoʻololi i kāu DNS?

Ke hoʻohana nei i ka ʻenehana Ezoic platform Speed ​​Speed ​​Accelerator, e hoʻopau ʻia nā pilikia maʻamau o Google PageSpeed ​​e kā lākou polokalamu, ʻo ia ka mea i waena o kāu pūnaewele a me nā poʻe malihini. E hoʻokae lākou i ka ʻaoʻao pūnaewele no kāu ma mua o ka hōʻike ʻana i ka mea āu e ʻike ai.

E lilo i ʻōmaʻomaʻo ma ka hoʻopaʻa inoa ʻana no ka hoʻokolohua manuahi ma platform Ezoic a hoʻāʻo iā ʻoe iho - e hoʻolilo lākou i kāu pūnaewele i nā kūlana kiʻekiʻe o ka hoʻokele wikiwiki ʻana o ka ʻaoʻao i loko o kahi mau lā: e hoʻolilo i nā kiʻi pūnaewele kiʻi hope aʻe, e kahakaha iā CSS a JavaScript hoʻi ma ka wehe ʻana i ka CSS hoʻohana ʻole ʻia. a me JS, palupalu i nā kiʻi, e hoʻohuli i nā kiʻi, cache i kāu ʻaoʻao pūnaewele, hoʻāla i nā font, mua e hoʻopili i nā pūnaewele i hoʻopili ʻia, a me nā mea nui aku.

ʻAʻole koi kahi kāleka hōʻaiʻē - pono pono ʻoe e hana ke hoʻopaʻa inoa no ka manuahi a hoʻāʻo. Hoʻohui, inā e loaʻa ana kāu pūnaewele i ke kālā mai nā hoʻolaha hoʻolaha, ma luna o ka hoʻolōʻihi ʻana i kāu pūnaewele, e hiki iā lākou ke hoʻolilo iā ʻoe i kekahi mau manawa hou aku me kāu ʻoihana me Google AdSense ma o ka hoʻolālā ʻana i kāu mau hoʻolaha me nā mīkini e aʻo ai a me ka noʻonoʻo akamai.

Ua Nīnau Pinepineʻia Nā Nīnau

Pehea e hoʻopau ai i ka hōʻai'ē hōʻai'ē a me CSS ma luna o nā leka uila ma luna?

No ka hoʻopauʻana i ka inoa inoa-blocking a me ka css no kaʻikepili ma luna o luna, ponoʻoe e hōʻoia i ka hoʻopiliʻana o nā fs ma hope o ka html. ʻO kēia ka manaʻo e waiho ana i ke kaʻina hana HTML e hoʻouka ana i kēia mau faila. Hiki iāʻoe ke hōʻole i nā faila JavaScript me ka async a iʻole nā ​​mea kākauʻole, a no ka css, hiki iā css, hiki iā css, hiki iā css, hiki iā css, hiki iā css. ʻO kahi'ōnaehana Optimization o waho e like me Ezoic hiki ke lawelawe pū i kēia.

Pehea e hiki ai i nā mea hoʻomohala pūnaewele e'ōlelo i ka'ōlelo a Googleʻaoʻao

Hiki i nā mea hoʻolālā pūnaewele ke hoʻomaikaʻi i kā lākou pūnaewele ma o ke kiʻiʻana i nā faila a me nā fiss i loko o ka css a me nā faila translan. Ke hoʻokō nei i kēia mau hoʻolālā e hiki ke hoʻomaikaʻi nui i nā manawa a me nā helu helu.

ʻO ka helu kukui chrome hemolele: He aha ka mea e hana ai?