Tsab ntawv teev npe
Puas muaj teeb meem xaiv hom kev embedding kom raug rau W3 Total Cache Minify? Tsab xov xwm no qhia txog kev paub tiag tiag ntawm tus webmaster thiab muab cov lus qhia ib kauj ruam zuj zus los xaiv hom Minify embedding kom raug, zam kev tsis sib xws ntawm cov qauv ntawm lub vev xaib thiab kev thauj khoom poob. Nws kuj suav nrog kev daws teeb meem teeb tsa uas txawm tias cov neeg pib tshiab tuaj yeem siv tau yooj yim.WordPress Ua kom nrawm dua yam tsis muaj kev sib tsoo!
Kuv tab tom kho lub vev xaib thiab thaum kuv qhib Minify settings hauv W3 Total Cache, kuv xav tsis thoob kiag li. Cov ntawv qhia zaub mov rau hom embedded muaj plaub txoj kev xaiv: Default (Block), Use JS for Non-Blocking, Use "Asynchronous" for Non-Blocking, thiab Use "Delayed" for Non-Blocking.
Kuv xav txog nws ib pliag, qhov no yog hais txog dab tsi?
Ntseeg kuv, koj tsis yog tib tug xwb. Plaub txoj kev xaiv no yuav ua rau txawm tias tus neeg tshiab tsis meej pem, tsis hais txog ib tus neeg uas tau siv WordPress tau ntau xyoo. Tsab xov xwm no qhia txog qhov teeb meem uas kuv tau ntsib thiab cov lus qhia uas kuv tau kawm ncaj qha. Koj tsis tas yuav saib cov ntaub ntawv; tsuas yog ua raws li kuv cov lus qhia.
Plaub hom kev ntxig no yog dab tsi tiag?
Cia peb xub tham txog seb plaub txoj kev xaiv no yog hom cwj pwm zoo li cas.
Lub Neej Qub (Blocked)Qhov no hu ua Default blocking. Nws yog txoj hauv kev yooj yim tshaj plaws: lub browser nres thaum nws ntsib ib tsab ntawv, rub tawm thiab ua tiav nws, thiab tom qab ntawd txuas ntxiv rendering nplooj ntawv. Zoo li txhim khu kev qha, puas yog? Tab sis qhov kev pauv pauv yog tias koj thawj nplooj ntawv load yuav raug thaiv; cov neeg siv yuav tsum tos kom tsab ntawv ua tiav ua ntej lawv pom dab tsi.
Siv JS rau kev tsis thaivQhov no nthuav heev. Es tsis txhob sau ncaj qha `<script>` tags rau ntawm nplooj ntawv, nws xub tso tawm ib tsab ntawv me me, thiab tom qab ntawd dynamically txhaj cov ntawv sau uas yuav tsum tau thauj mus rau hauv nplooj ntawv ntawm JavaScript tom qab nplooj ntawv khiav. Txoj kev no, nplooj ntawv tuaj yeem ua tiav ua ntej, thiab cov ntawv sau tuaj yeem thauj khoom maj mam. Suab zoo heev, puas yog? Txawm li cas los xij, qhov teeb meem yog tias cov txheej txheem txhaj tshuaj dynamic no yuav cuam tshuam qhov kev txiav txim thawj zaug ntawm cov ntawv sau. Yog tias qee cov ntawv sau ntawm koj nplooj ntawv vam khom rau qhov kev txiav txim ua tiav, teeb meem yuav tshwm sim.
Siv "asynchronous" rau kev tsis thaivQhov no suav nrog kev ntxiv tus cwj pwm `async` rau hauv `<script>` tag. Cov ntawv sau yuav rub tawm asynchronously hauv keeb kwm yav dhau thiab ua haujlwm tam sim ntawd tom qab rub tawm, yam tsis muaj nplooj ntawv tos nws. Txawm li cas los xij, qhov tsis zoo yog tias qhov kev txiav txim ua haujlwm tsis tuaj yeem tswj tau kiag li; qhov twg cov ntawv sau ua tiav rub tawm ua ntej ua haujlwm ua ntej, tsis hais qhov kev txiav txim koj tau teev tseg hauv cov lej.
Siv "kev ncua" rau kev tsis thaivQhov no yog qhov uas ntxiv tus cwj pwm 'defer' txhais tau. Cov ntawv sau yuav tos kom txog thaum tag nrho nplooj ntawv tau raug parsed ua ntej ua tiav, thiab qhov tseem ceeb, nws yuav tswj hwm qhov kev txiav txim thawj zaug uas koj tau sau nws. Qhov no yooj yim heev rau tus neeg siv, vim nws tsis thaiv thawj qhov screen lossis cuam tshuam qhov kev txiav txim.
Kuv yuav tsum xaiv qhov twg?
Hais yooj yim xwb, plaub txoj kev xaiv no zoo li ib lo lus nug xaiv ntau yam:Koj xav tau kev ceev lossis kev txiav txim?
Kuv qhov kev qhia yog raws li nram no:
Yog koj lub vas sab me me, muaj ob peb tsab ntawv sau xwb, thiab koj tsis tas yuav tsum tau ceev npaum li cas los thauj cov ntaub ntawv, ces siv qhov chaw teeb tsa uas twb teeb tsa lawm (blocked) yog qhov yooj yim tshaj plaws. Txawm hais tias nws qeeb me ntsis los, nws yuav tsis ua teeb meem dab tsi.
Yog tias koj xav kom qhov screen ceev dua thiab koj cov scripts tsis muaj kev vam khom zoo li "A yuav tsum ua ua ntej B", muab qhov tseem ceeb rau...Siv "kev ncua" rau kev tsis thaiv(ncua sijhawm). Qhov no yuav luag yog qhov kev daws teeb meem zoo tshaj plaws tam sim no, vim nws tsis thaiv kev tsim khoom lossis cuam tshuam qhov kev txiav txim.
Yog tias koj sim ncua thiab tseem pom tias qee qhov kev ua haujlwm muaj teeb meem, ces xav txog ...Siv JS rau kev tsis thaivCov kev daws teeb meem no yog qhov hloov pauv ntau dua, tab sis nws qhov kev sib raug zoo yog qhov phem dua me ntsis.
Siv "asynchronous" rau kev tsis thaiv(async) yog qhov kev xaiv uas kuv tsis pom zoo. Vim tias qhov kev txiav txim ua tiav tsis zoo kiag li, nws yooj yim rau kev poob tshwj tsis yog tias koj paub tseeb tias koj cov ntawv sau txhua yam khiav ntawm nws tus kheej.
Ob lub qhov rooj loj uas kuv tau poob rau hauv
Kev hais lus tsis muaj nqis. Kuv tau sau ob qho yuam kev uas kuv tau ua; koj tuaj yeem kuaj xyuas lawv nrog koj tus kheej qhov kev paub dhau los kom pom tias koj puas tuaj yeem zam lawv.
Qhov teeb meem thawj zaug: Cov ntsiab lus WordPress kev cai tsis tuaj yeem saib ua ntej hauv lub sijhawm tiag tiag.
Ib pliag, thaum koj kho ib lub ntsiab lus, tom qab koj nias "save" ces qhov preview tsis refresh. Kuv yuav hloov qee yam, refresh nplooj ntawv, thiab nws tseem zoo li qub.
Tom qab kuv tshawb nrhiav me ntsis, kuv pom tias Minify lub luag haujlwm compression yog tus ua rau muaj qhov teeb meem no. Cov lus teb yooj yim heev:
Nkag mus rau W3 Total Cache pluginCov chaw teeb tsa dav dav, tig mus"kev nias"Tshem qhov kev xaiv ntawd. Tom qab ntawd nyem lub xub me me hauv qab "Txuag Cov Chaw" nyob rau hauv kaum sab xis saum toj thiab xaiv "..."Txuag cov chaw thiab tshem tawm cov cacheKauj ruam no tseem ceeb heev; yog tias koj tsis tshem lub cache, koj tseem yuav pom qhov version qub.
Tom qab koj ua tiav lawm, rov qab mus rau qhov kev hloov kho lub ntsiab lus, thiab qhov kev saib ua ntej yuav rov qab mus rau qhov qub.
Qhov teeb meem thib ob: Lub thawv tshawb nrhiav Astra tsis teb thaum nyem.
Kuv tau ntsib qhov teeb meem no ntev heev lawm. Kuv siv lub Astra theme, thiab muaj ib hnub kuv mam li pom tias lub thawv tshawb nrhiav tsis teb txawm tias kuv nias nws li cas los xij. Thaum xub thawj, kuv xav tias nws yog teeb meem nrog lub theme nws tus kheej, tab sis tom qab kuv pom tias nws yog los ntawm W3TC's Minify settings.
Cov kev daws teeb meem yog raws li nram no:
Mus rau W3 Total Cache → General Settings → Advanced Compression Settings → JS → Minify Engine Settings → Locale Settings, thiab hloov hom embedding rau ib qho ntawm ob qho no:
- Yav tas los, kev tsis thaiv tau ua tiav los ntawm kev siv JavaScript.
- Tom qab ntawd, siv JS rau kev tsis thaiv
Ib yam li ntawd, kev tshem tawm cov cache thiab refresh nplooj ntawv yuav ua rau lub thawv tshawb nrhiav ua haujlwm kom raug.
Raws li vim li cas ob txoj kev xaiv no thiaj raug xaiv es tsis yog lwm txoj, kuv tau ua qee qhov kev tshawb fawb. Hauv kev hais yooj yim, Astra lub ntsiab lus pem hauv ntej cov khoom siv yog qhov rhiab heev rau lub sijhawm ntawm kev ua tiav tsab ntawv, thiab qee txoj kev tsis thaiv tuaj yeem ua rau kev sib txuas lus tsis ua tiav. Siv hom "tsis thaiv nrog JS" ua kom ntseeg tau tias tsab ntawv ua haujlwm tsuas yog tom qab nplooj ntawv tau ua tiav, thaum zam kev ua tsis raug cai pom nrog async.
Daim ntawv teev cov chaw uas yuav tsum tau mus xyuas
Thaum kawg, ntawm no yog daim ntawv teev npe uas koj tuaj yeem ua raws li ncaj qha:
Kauj ruam thawj zaug yog kom meej meej txog koj lub hom phiaj. Koj puas xav tau qhov ceev tshaj plaws ntawm nplooj ntawv thaum pib, lossis koj puas xav kom ruaj khov thiab tsis muaj qhov yuam kev ua haujlwm? Qhov no yuav txiav txim siab seb koj yuav tsum siv hom embedding twg.
Kauj ruam thib ob yog tsis txhob hloov txhua yam ib zaug. Ua ntej, nrhiav ib nplooj ntawv uas tsis tseem ceeb los sim nws, saib nws ib lossis ob hnub, thiab tsuas yog tshaj tawm nws mus rau tag nrho lub xaib yog tias koj paub tseeb tias tsis muaj teeb meem.
Qhov thib peb, ib txwm tshem tawm cov cache tom qab txhua qhov kev hloov kho. W3TC lub caching mechanism yuav tiv thaiv koj kom tsis txhob pom cov kev hloov pauv tshiab, yog li ntawd cov kauj ruam "tshem tawm cache thiab sim dua" yog qhov tseem ceeb heev.
Qhov thib plaub, siv koj tus browser cov cuab yeej tsim tawm lossis cov cuab yeej zoo li PageSpeed Insights los sib piv qhov ceev ntawm kev thauj khoom ua ntej thiab tom qab. Cia cov ntaub ntawv hais lus rau nws tus kheej, tsis yog koj lub plab xwb.
Sau kawg
Qhov tseeb, thaum kuv thawj zaug pom qhov chaw teeb tsa hom ntawv no, kuv xav tsis thoob ntev heev. Hom thaiv tsis siv neeg zoo li qeeb dhau, thaum hom asynchronous tsis lav qhov kev txiav txim, thiab kev ncua sijhawm yuav ua rau muaj teeb meem sib xws. Kuv tsis paub meej tias yuav xaiv qhov twg.
Tiamsis tom qab ntawd kuv mam li paub tias nws yog kev pauv pauv. Koj tsis tuaj yeem muaj ob qho tib si ceev tshaj plaws thiab ruaj khov tshaj plaws; koj ib txwm yuav tsum txi ib qho. Kuv qhov kev paub yog siv defer ua ntej, uas tam sim no yog qhov kev daws teeb meem tsis thaiv kev nyab xeeb tshaj plaws, thiab tom qab ntawd siv callback yog tias muaj teeb meem tshwm sim.
Yog tias koj ntsib teeb meem zoo sib xws, lossis yog tias koj tseem muaj lwm yam teeb meem tom qab ua raws li kuv txoj kev, xav tias dawb los tham txog nws. Kev tsim lub vev xaib yog txhua yam hais txog kev sim thiab ua yuam kev; tsis muaj leej twg yog qhov tshwj xeeb.
Ua tsaug rau koj nyeem kuv tsab xov xwm. Sib ntsib dua lwm zaus.
Cia siab Chen Weiliang Blog ( https://www.chenweiliang.com/ Tsab xov xwm "W3 Total Cache Minify Plugin Settings: Yuav Ua Li Cas Xaiv Hom Embedding? Kuv Cov Kev Pitfalls thiab Cov Lus Qhia Txog Kev Cawm Seej," uas kuv tau qhia, tej zaum yuav pab tau koj.
Zoo siab txais tos los qhia qhov txuas ntawm kab lus no:https://www.chenweiliang.com/cwl-34003.html