Tsab ntawv teev npe
Puas muaj teeb meem xaiv hom 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 embedding Minify kom raug, zam kev puas tsuaj ntawm lub vev xaib thiab kev thauj khoom poob. Nws kuj suav nrog kev daws teeb meem teeb tsa uas tsis muaj teeb meem uas txawm tias cov pib tshiab tuaj yeem siv tau yooj yim, ua kom ntseeg tau tias muaj kev paub WordPress zoo thiab ceev !
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.
Kev thaiv tsis siv neeg yog txoj hauv kev yooj yim tshaj plaws. Thaum lub browser ntsib ib tsab ntawv, nws nres, rub tawm thiab ua tiav tsab ntawv tag nrho, thiab tom qab ntawd txuas ntxiv ua kom nplooj ntawv. Zoo li ntseeg tau, puas yog? Tab sis qhov kev pauv pauv yog tias koj qhov kev thauj khoom nplooj ntawv thawj zaug yuav raug ncua; cov neeg siv yuav tsum tos kom tsab ntawv ua tiav ua ntej lawv pom dab tsi.
Siv JavaScript rau kev tsis thaiv yog qhov 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 tsim nyog rau hauv nplooj ntawv ntawm JavaScript tom qab nplooj ntawv khiav. Txoj kev no, nplooj ntawv tuaj yeem ua ntej, thiab cov ntawv sau maj mam thauj khoom. Zoo li zoo heev, puas yog? Txawm li cas los xij, qhov teeb meem yog tias cov txheej txheem txhaj tshuaj dynamic no tuaj yeem 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 ua haujlwm tsis thaiv tsuas yog 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 tiav tam sim ntawd thaum ua tiav, yam tsis muaj nplooj ntawv tos nws. Txawm li cas los xij, qhov tsis zoo yog tias qhov kev txiav txim ua tiav tsis tuaj yeem tswj tau kiag li; txawm tias qhov kev rub tawm ua ntej ua tiav, tsis hais qhov kev txiav txim koj teev tseg hauv cov lej.
Siv "kev ncua" rau kev ua haujlwm tsis thaiv yog ua tiav los ntawm kev ntxiv tus cwj pwm `defer`. 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 qub 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 ntawm cov ntawv sau.
Kuv yuav tsum xaiv qhov twg?
Hais yooj yim xwb, plaub txoj kev xaiv no zoo li cov lus nug xaiv ntau yam: koj puas xav tau qhov ceev, lossis koj puas xav tau qhov 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," siv "defer" ua ntej rau kev ua haujlwm tsis thaiv . Qhov no yuav luag yog qhov kev daws teeb meem zoo tshaj plaws tam sim no, vim nws zam kev thaiv kev ua haujlwm thaum tswj hwm qhov kev txiav txim ntawm kev ua haujlwm.
Yog tias koj pom tias qee cov haujlwm tseem muaj teeb meem tom qab sim defer, ces xav txog kev siv JavaScript rau kev tsis thaiv . Txoj hauv kev no muaj zog dua, tab sis nws qhov sib xws tsis zoo me ntsis.
Siv "async" rau kev tsis thaiv 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 tsuas yog tias koj paub tseeb tias koj cov ntawv sau 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:
Mus rau qhov chaw teeb tsa dav dav ntawm W3 Total Cache plugin , nrhiav qhov kev xaiv "Compression" , thiab tshem nws tawm. Tom qab ntawd, nyem lub xub me me hauv qab "Save Settings" nyob rau hauv kaum sab xis saum toj, thiab xaiv " Save Settings and Clear Cache ." Kauj ruam no tseem ceeb heev; yog 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.
Vam tias 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 tau muab qhia rau ntawm Chen Weiliang lub blog ( https://www.chenweiliang.com/ ) yuav pab tau koj.
Xav qhia qhov txuas ntawm tsab xov xwm no: https://www.chenweiliang.com/cwl-34003.html