Kako natjerati WordPress da lijeno učitava JavaScript da bi se ubrzalo prikazivanje stranica?

WordPressLijeno učitavanje JavaScripta radi ubrzanja metoda prikazivanja stranica.

Šta je JavaScript svojstvo Defer?

Verovatno su se svi susreli sa ovom situacijom:

U glavi ima N skripti, a kada se skripte učitaju, prikazivanje stranice je blokirano, što je obično prazno.

Naravno, ovo možemo zaobići stavljanjem skripte iz izvornog koda 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 JavaScript-u.

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

Njegova glavna funkcija je pustiti skriptu da raščlani nakon što se učita cijela stranica, umjesto da je analizira pri učitavanju, što pruža punu brzinu učitavanja stranice za skripte koje sadrže samo JavaScript pokrenut događajem.

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

Naravno, upotreba kašnjenja je također ograničena, obično obratite pažnju na 2 točke:

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

• Zato što će document.write proizvesti direktan izlazni efekat.

2) Nemojte koristiti globalne varijable ili funkcije u skriptama Defer, uključujući skripte za neposredno izvršenje.

Dodajte atribut Defer skripti koja se koristi u WordPress-u

U WordPressu, kako možemo automatski dodati atribut Defer skriptama koje koristi WordPress?

Možemo dodati sljedeći kod 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 uveo WordPressće biti efikasna.

Predostrožnosti

Upravljanje pregledom uživo može prikazati prazno:

Ako koristite gornji kod, kada otvorite upravljanje pregledom u realnom vremenu (Izgled → Prilagodi), može se prikazati prazan, pa ga koristite na odgovarajući način.

Kada je potrebno upravljanje pregledom u realnom vremenu, komentarišite gornji kod i izbrišite komentarisani kod nakon što se prilagođavanje završi.

Primjer PHP koda komentara:

/*

这里是代码 

*/