Papa Kuhikuhi ʻatikala
Ke paio nei ʻoe e koho i ke ʻano hoʻokomo kūpono no W3 Total Cache Minify? Ke kaʻana like nei kēia ʻatikala i ka ʻike maoli o ka luna pūnaewele a hāʻawi i kahi alakaʻi ʻanuʻu e koho pololei i ke ʻano hoʻokomo Minify kūpono, e pale ana i nā pōʻino kaila pūnaewele a me nā hāʻule ʻana o ka hoʻouka ʻana. Hoʻokomo pū ia i kahi hopena hoʻonohonoho lapuwale hiki i nā poʻe hoʻomaka ke hoʻopili maʻalahi, e hōʻoiaʻiʻo ana i kahi ʻike WordPress maʻalahi a wikiwiki hoʻi !
Ke hoʻomaikaʻi nei au i kahi pūnaewele a i koʻu wehe ʻana i nā hoʻonohonoho Minify ma W3 Total Cache, ua pūʻiwa loa wau. ʻEhā mau koho o ka papa kuhikuhi iho no ke ʻano i hoʻokomo ʻia: Paʻamau (Block), E hoʻohana iā JS no ka Non-Blocking, E hoʻohana iā "Asynchronous" no ka Non-Blocking, a E hoʻohana iā "Delayed" no ka Non-Blocking.
Ua noʻonoʻo au no kekahi manawa, he aha lā kēia mau mea a pau?
E hilinaʻi mai iaʻu, ʻaʻole ʻoe hoʻokahi. ʻO kēia mau koho ʻehā e waiho paha i kahi mea hoʻomaka e huikau, ʻaʻole hoʻi i kahi mea hoʻohana WordPress no nā makahiki. Hōʻike kēia ʻatikala i nā pilikia aʻu i hālāwai ai a me nā haʻawina aʻu i aʻo pololei ai. ʻAʻole pono ʻoe e nānā i nā palapala; e hahai wale i kaʻu mau kuhikuhi.
He aha maoli kēia mau ʻano hoʻokomo ʻehā?
E kamaʻilio mua kākou e pili ana i ke ʻano o kēia mau koho ʻehā.
ʻO ke ālai ʻana maʻamau ke ala pololei loa. Ke hālāwai ka polokalamu kele pūnaewele me kahi palapala, hoʻōki ia, hoʻoiho a hoʻokō piha i ka palapala, a laila hoʻomau i ka hōʻike ʻana i ka ʻaoʻao. He leo hilinaʻi, ʻeā? Akā ʻo ke kūkaʻi ʻana, e lohi ana kāu hoʻouka ʻaoʻao mua; pono nā mea hoʻohana e kali a pau ka holo ʻana o ka palapala ma mua o ko lākou ʻike ʻana i kekahi mea.
He mea hoihoi loa ka hoʻohana ʻana iā JavaScript no ka pale ʻole ʻana . Ma kahi o ke kākau pololei ʻana i nā lepili `<script>` ma ka ʻaoʻao, hoʻopuka mua ia i kahi palapala liʻiliʻi, a laila hoʻokomo ikaika i nā palapala e pono ai i loko o ka ʻaoʻao ma o JavaScript ma hope o ka holo ʻana o ka ʻaoʻao. Ma kēia ʻano, hiki i ka ʻaoʻao ke hōʻike mua, a hoʻouka mālie nā palapala. He leo maikaʻi, ʻeā? Eia naʻe, ʻo ka pilikia, hiki i kēia kaʻina hana hoʻokomo ikaika ke hoʻopilikia i ke kauoha hoʻokō mua o nā palapala. Inā hilinaʻi nui kekahi mau palapala ma kāu ʻaoʻao i ke kauoha hoʻokō, hiki ke kū mai nā pilikia.
ʻO ka hoʻohana ʻana i ka "asynchronous" no ka hoʻokō ʻana me ka pale ʻole e pili ana i ka hoʻohui ʻana i ka ʻano `async` i ka tag `<script>`. E hoʻoiho ʻia ka script me ka asynchronous ma ke kua a hoʻokō koke ma hope o ka pau ʻana, me ka ʻole o ke kali ʻana o ka ʻaoʻao. Eia naʻe, ʻo ka hemahema, ʻaʻole hiki ke kaohi ʻia ke kauoha hoʻokō; ʻo nā mea e hoʻoiho mua ʻia e hoʻokō ʻia, me ka nānā ʻole i ke kauoha āu e kuhikuhi ai ma ke code.
ʻO ka hoʻohana ʻana i ka "delay" no ka hoʻokō ʻana me ka pale ʻole ʻana e hoʻokō ʻia ma ka hoʻohui ʻana i ka hiʻohiʻona `defer`. E kali ka script a hiki i ka wā e wehewehe ʻia ai ka ʻaoʻao holoʻokoʻa ma mua o ka hoʻokō ʻana, a ʻo ka mea nui, e mālama ia i ke kaʻina mua āu i kākau ai. He mea maʻalahi kēia i ka hoʻohana ʻana, no ka mea, ʻaʻole ia e ālai i ka pale mua a ʻaʻole hoʻi e hoʻopilikia i ke kaʻina o ka script.
ʻO wai kaʻu e koho ai?
I ka ʻōlelo maʻalahi, ua like kēia mau koho ʻehā me kahi nīnau koho he nui: makemake ʻoe i ka wikiwiki, a i ʻole makemake ʻoe i ke kauoha?
Penei kaʻu manaʻo:
Inā he liʻiliʻi kāu pūnaewele, he kakaikahi nā palapala, a ʻaʻole ʻoe i koi nui loa no ka wikiwiki o ka hoʻouka ʻana, ʻo ka hoʻohana ʻana i ka hoʻonohonoho paʻamau (pākaʻi ʻia) ke koho maʻalahi loa. ʻOiai he lohi iki ia, ʻaʻole ia e hoʻopilikia.
Inā makemake ʻoe e hoʻomaikaʻi i ka wikiwiki o ka pale mua a ʻaʻohe hilinaʻi ikaika o kāu mau palapala e like me "A must execute before B," e hoʻoikaika i ka hoʻohana ʻana i ka "defer" no ka hoʻokō ʻana me ka pale ʻole . ʻO kēia ka hopena kūpono loa i loaʻa i kēia manawa, no ka mea, pale ia i ka pale ʻana i ka hōʻike ʻana me ka mālama ʻana i ke kaʻina o ka hoʻokō ʻana.
Inā ʻike ʻoe aia kekahi mau hana i loaʻa nā pilikia ma hope o ka hoʻāʻo ʻana i ka defer, a laila e noʻonoʻo e hoʻohana iā JavaScript no ka non-blocking . ʻOi aku ka ikaika o kēia ʻano hana, akā ʻoi aku ka ʻino o kona kūlike.
ʻO ka hoʻohana ʻana i ka "async" no ka pale ʻole ʻana ka koho aʻu e ʻōlelo iki aku nei. No ka mea ua hewa loa ke kauoha hoʻokō, he mea maʻalahi ke hāʻule ke ʻole ʻoe e maopopo loa e holo kūʻokoʻa ana kāu mau palapala.
ʻElua mau pilikia nui aʻu i hāʻule ai
He mea makepono ke kamaʻilio ʻana. Ua kākau au i ʻelua mau hewa aʻu i hana ai; hiki iā ʻoe ke hoʻohālikelike iā lākou me kou ʻike ponoʻī e ʻike ai inā hiki iā ʻoe ke pale aku iā lākou.
ʻO ka lua mua: ʻAʻole hiki ke nānā mua ʻia nā kumumanaʻo WordPress maʻamau i ka manawa maoli.
No kekahi manawa, i ka wā e hoʻopilikino ai i kahi kumumanaʻo, ma hope o ke kaomi ʻana i ka mālama, ʻaʻole e hōʻano hou ka nānā mua. E hana au i kekahi mau hoʻololi, e hōʻano hou i ka ʻaoʻao, a e like nō ia.
Ma hope o kekahi noiʻi ʻana, ua ʻike au ʻo ka hana hoʻopili a Minify ke kumu. He maʻalahi ka hopena:
E hele i nā hoʻonohonoho laulā o ka plugin W3 Total Cache , e huli i ke koho "Compression" , a wehe i ka hōʻailona. A laila, kaomi i ka pua liʻiliʻi ma lalo o "Save Settings" ma ke kihi ʻākau i luna, a koho iā " Save Settings and Clear Cache ." He mea koʻikoʻi kēia hana; me ka ʻole o ka holoi ʻana i ka cache, e ʻike mau ana ʻoe i ka mana kahiko.
Ma hope o kou pau ʻana, e hoʻi i ka hoʻopilikino ʻana i ke kumumanaʻo, a e hoʻi hou ka nānā mua ola i ka maʻamau.
ʻO ka lua o ka pilikia: ʻAʻole pane mai ka pahu huli kumuhana Astra ke kaomi ʻia.
Ua loaʻa iaʻu kēia pilikia i kekahi manawa i hala aku nei. Ke hoʻohana nei au i ke kumumanaʻo Astra, a i kekahi lā ua ʻike koke wau ʻaʻole pane mai ka pahu huli me ka nānā ʻole i ke kaomi ʻana. I ka wā mua, ua manaʻo wau he pilikia ia me ke kumumanaʻo ponoʻī, akā ma hope ua ʻike wau ua hana ʻia e nā hoʻonohonoho Minify a W3TC.
Penei ka hopena:
E hele i ka W3 Total Cache → Nā hoʻonohonoho laulā → Nā hoʻonohonoho hoʻopili holomua → JS → Nā hoʻonohonoho mīkini liʻiliʻi → Nā hoʻonohonoho kūloko, a hoʻololi i ke ʻano hoʻokomo i kekahi o kēia mau mea ʻelua:
- Ma mua, ua hoʻokō ʻia ka pale ʻole ʻana me ka hoʻohana ʻana iā JavaScript.
- Ma hope, e hoʻohana iā JS no ka pale ʻole ʻana
Pēlā nō, ʻo ka hoʻomaʻemaʻe ʻana i ka cache a me ka hoʻomaha ʻana i ka ʻaoʻao e ʻae i ka pahu hulina e hana pono.
No ke kumu i koho ʻia ai kēia mau koho ʻelua ma kahi o nā koho ʻē aʻe, ua hana wau i kekahi noiʻi. I ka ʻōlelo maʻalahi, ua pili loa nā ʻāpana mua o ke kumumanaʻo Astra i ka manawa o ka hoʻokō ʻana o ka script, a hiki i kekahi mau ʻano hana ʻaʻole e ālai ke kumu o ka hāʻule ʻana o ka hoʻopaʻa ʻana i nā hanana. ʻO ka hoʻohana ʻana i ke ʻano "ʻaʻole e ālai me JS" e hōʻoiaʻiʻo ana e hoʻokō wale ka script ma hope o ka pau ʻana o ka hoʻouka ʻana o ka ʻaoʻao, me ka pale ʻana i ka hoʻokō ʻole i ʻike ʻia me async.
Papa inoa o nā wahi e kipa aku ai
ʻO ka mea hope loa, eia kahi papa inoa hiki iā ʻoe ke hahai pololei:
ʻO ka hana mua, ʻo ia ke wehewehe i kāu pahuhopu. Makemake ʻoe i ka wikiwiki o ka hoʻouka ʻana o ka ʻaoʻao mua, a i ʻole ke hoʻoikaika nei ʻoe i ka paʻa a me ka hana hewa ʻole? E hoʻoholo kēia i ke ʻano hoʻokomo āu e hoʻohana ai.
ʻO ka lua o ka hana, ʻaʻole ia e hoʻololi i nā mea āpau i ka manawa hoʻokahi. ʻO ka mea mua, e ʻimi i kahi ʻaoʻao i emi iki ka koʻikoʻi e hoʻāʻo ai, e nānā iā ia no hoʻokahi a ʻelua paha lā, a e hoʻolaha wale iā ia i ka pūnaewele holoʻokoʻa inā maopopo iā ʻoe ʻaʻohe pilikia.
ʻO ke kolu, e hoʻomaʻemaʻe mau i ka cache ma hope o kēlā me kēia hoʻololi. E pale aku ka ʻōnaehana caching a W3TC iā ʻoe mai ka ʻike ʻana i nā loli hou loa, no laila he mea nui loa ka hana "e hoʻomaʻemaʻe i ka cache a hoʻāʻo hou".
ʻO ka hā, e hoʻohana i nā mea hana hoʻomohala o kāu polokalamu kele pūnaewele a i ʻole nā mea hana e like me PageSpeed Insights e hoʻohālikelike i ka wikiwiki o ka hoʻouka ʻana ma mua a ma hope. E ʻae i ka ʻikepili e ʻōlelo nona iho, ʻaʻole wale kou manaʻo naʻau.
Kākau ma ka hopena
ʻO kaʻoiaʻiʻo, i koʻu ʻike mua ʻana i kēia hoʻonohonoho ʻano i hoʻokomo ʻia, ua pūʻiwa wau no ka manawa lōʻihi. Me he mea lā ua lohi loa ke ʻano pale paʻamau, ʻoiai ʻaʻole i hōʻoia ke ʻano asynchronous i ke kauoha, a ʻo ka hoʻopaneʻe ʻana e hoʻoulu paha i nā pilikia hoʻohālikelike. Ua kānalua wau i ka koho e koho ai.
Akā ua ʻike au ma hope he kūkaʻi ia. ʻAʻole hiki iā ʻoe ke loaʻa ka wikiwiki loa a me ka paʻa loa; pono ʻoe e mōhai i hoʻokahi. ʻO koʻu ʻike, ʻo ia ka hoʻohana mua ʻana i ka defer, ʻo ia ka hopena palekana loa no ka pale ʻole ʻana, a laila e hoʻohana i kahi callback inā kū mai nā pilikia.
Inā loaʻa iā ʻoe nā pilikia like, a inā he mau pilikia ʻē aʻe kāu ma hope o ka hahai ʻana i kaʻu ʻano hana, e ʻoluʻolu e kūkākūkā. ʻO ka hoʻomohala pūnaewele e pili ana i ka hoʻāʻo a me ka hewa; ʻaʻohe mea ʻokoʻa.
Mahalo no ka heluhelu ʻana i kaʻu ʻatikala. A hui hou kākou.
Ke lana nei koʻu manaʻo e kōkua iā ʻoe ka ʻatikala "W3 Total Cache Minify Plugin Settings: Pehea e koho ai i ke ʻano Embedding? My Pitfalls and Lifesaving Advice" i kaʻana like ʻia ma ka blog a Chen Weiliang ( https://www.chenweiliang.com/ ).
E ʻoluʻolu e kaʻana like i ka loulou o kēia ʻatikala: https://www.chenweiliang.com/cwl-34003.html