Si ta bëni WordPress ngarkimin dembel të JavaScript për të shpejtuar paraqitjen e faqeve?

WordPressNgarkimi dembel i JavaScript për të shpejtuar metodat e paraqitjes së faqeve.

Cila është vetia Defer e JavaScript?

Të gjithë ndoshta kanë hasur në këtë situatë:

Ka N skripta në kokë dhe kur skriptet ngarkohen, paraqitja e faqes bllokohet, e cila zakonisht është bosh.

Sigurisht, ne mund ta shmangim këtë duke vendosur skriptin në kodin burimor në fund.

Megjithatë, disa mjedise komplekse zhvillimi mund ta bëjnë këtë detyrë të thjeshtë veçanërisht komplekse.

Në këtë pikë mund të përdorim veçorinë Defer, e cila është një pronë relativisht e rrallë në JavaScript.

Mund të mos e përdorni kurrë, por pasi të keni lexuar këtë hyrje, jam i sigurt që nuk do ta lini.

Funksioni i tij kryesor është të lejojë që skripti të analizohet pasi të jetë ngarkuar e gjithë faqja, në vend që ta analizojë atë në ngarkesë, gjë që siguron shpejtësinë e plotë të ngarkimit të faqes për skriptet që përmbajnë vetëm JavaScript të shkaktuar nga ngjarjet.

Po, nëse etiketa e skriptit ka një atribut defer, ai do të ekzekutohet pas analizimit të faqes HTML edhe nëse vendoset në kokë, gjë që është e ngjashme me vendosjen e skriptit në fund të faqes.

Sigurisht, përdorimi i vonesës është gjithashtu i kufizuar, zakonisht i kushtoni vëmendje 2 pikave:

1) Mos e thirrni komandën document.write në një bllok skripti të tipit të shtyrë të shtyrë;

• Sepse document.write do të prodhojë efekt të drejtpërdrejtë të daljes.

2) Mos përdorni variabla ose funksione globale në skriptet Defer, duke përfshirë çdo skript të ekzekutimit të menjëhershëm.

Shtoni atributin Defer në skriptin e përdorur në WordPress

Në WordPress, si mund të shtojmë automatikisht atributin Defer në skriptet e përdorura nga WordPress?

Mund të shtojmë kodin e mëposhtëm në skedarin ▼ të funksioneve.php të temës aktuale

add_filter( 'clean_url', 'wpcwl_defer_script',11,1);
function wpcwl_defer_script( $url ){
if(strpos($url, '.js') === false){
return $url;
}

return "$url' defer='defer";
};

• Kodi i mësipërm funksionon vetëm, sipasKodi JavaScript i prezantuar nga WordPressdo të jetë efektive.

注意 事项

Menaxhimi i shikimit të drejtpërdrejtë mund të shfaqet bosh:

Nëse përdorni kodin e mësipërm, kur hapni menaxhimin e pamjes paraprake në kohë reale (Pamja → Personalizo), ai mund të shfaqet bosh, prandaj ju lutemi përdorni atë sipas rastit.

Kur kërkohet menaxhimi i pamjes paraprake në kohë reale, komentoni kodin e mësipërm dhe fshini kodin e komentuar pasi të përfundojë personalizimi.

Shembull i kodit të komentit PHP:

/*

这里是代码 

*/