Kako natjerati WordPress da lijeno učitava JavaScript kako bi ubrzao iscrtavanje stranice?

WordPressLijeno učitavanje JavaScripta za ubrzavanje metoda prikazivanja stranice.

Što je JavaScript-ovo svojstvo Defer?

Svatko se vjerojatno susreo s ovom situacijom:

U glavi ima N skripti, a kada se skripte učitaju, renderiranje stranice je blokirano, a obično je prazna.

Naravno, to možemo zaobići stavljanjem skripte u izvorni kod u podnožje.

Međutim, neka složena razvojna okruženja mogu ovaj jednostavan zadatak učiniti posebno složenim.

U ovom trenutku možemo koristiti svojstvo Defer, koje je relativno rijetko svojstvo u JavaScriptu.

Možda ga nikada nećete koristiti, ali nakon što pročitate ovaj uvod, siguran sam da ga nećete napustiti.

Njegova je glavna funkcija dopustiti da skripta analizira nakon učitavanja cijele stranice, umjesto da je analizira pri učitavanju, što omogućuje punu brzinu učitavanja stranice za skripte koje sadrže samo JavaScript pokrenut događajem.

Da, ako oznaka skripte ima atribut defer, ona će se izvršiti nakon parsiranja HTML stranice čak i ako je postavljena u glavu, što je slično stavljanju skripte na dno stranice.

Naravno, upotreba odgode je također ograničena, obično obratite pozornost na 2 točke:

1) Ne pozivajte naredbu document.write u bloku skripte odgođenog tipa;

• Budući da će document.write proizvesti izravan izlazni učinak.

2) Nemojte koristiti globalne varijable ili funkcije u skriptama za odgodu, uključujući bilo kakve skripte za trenutno izvršavanje.

Dodajte atribut Defer skripti koja se koristi u WordPressu

Kako u WordPressu možemo automatski dodati atribut Defer skriptama koje koristi WordPress?

Sljedeći kod možemo dodati u datoteku functions.php trenutne teme ▼

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";
};

• Gornji kod radi samo premaJavaScript kod koji je predstavio WordPressće biti učinkovit.

注意 事项

Upravljanje pregledom uživo može biti prazno:

Ako koristite gornji kod, kada otvorite upravljanje pretpregledom u stvarnom vremenu (Izgled → Prilagodi), može biti prazan, pa ga koristite prema potrebi.

Kada je potrebno upravljanje pregledom u stvarnom vremenu, komentirajte gornji kod i izbrišite komentirani kod nakon dovršetka prilagodbe.

Primjer PHP koda komentara:

/*

这里是代码 

*/