Kaip priversti „WordPress“ tingiai įkelti „JavaScript“, kad būtų paspartintas puslapio atvaizdavimas?

„WordPress“ naudoja atpalaiduojantį „JavaScript“ įkėlimą, kad pagreitintų puslapio vaizdavimą.

Kas yra „JavaScript“ atidėjimo savybė?

Tikriausiai kiekvienas yra susidūręs su tokia situacija:

Galvoje yra N scenarijų, o įkeliant scenarijus blokuojamas puslapio atvaizdavimas, kuris dažniausiai būna tuščias.

Žinoma, mes galime tai apeiti įdėję scenarijų šaltinio kode į poraštę.

Tačiau kai kurios sudėtingos kūrimo aplinkos šią paprastą užduotį gali padaryti ypač sudėtingą.

Šiuo metu galime naudoti savybę Atidėti, kuri yra gana reta JavaScript savybė.

Galbūt niekada jo nenaudosite, bet perskaitę šią įžangą, esu tikras, jo nepaliksite.

Pagrindinė jo funkcija yra leisti scenarijui išanalizuoti po viso puslapio įkėlimo, o ne analizuoti jį įkeliant, o tai užtikrina visą puslapio įkėlimo greitį scenarijus, kuriuose yra tik įvykių suaktyvintas JavaScript.

Taip, jei scenarijaus žyma turi atidėjimo atributą, ji bus vykdoma išnagrinėjus HTML puslapį, net jei jis įdėtas į galvą, o tai panašu į scenarijaus įdėjimą puslapio apačioje.

Žinoma, vėlavimo naudojimas taip pat yra ribotas, paprastai atkreipkite dėmesį į 2 punktus:

1) Nekvieskite document.write komandos atidėto atidėjimo tipo scenarijaus bloke;

• Kadangi document.write sukurs tiesioginį išvesties efektą.

2) Nenaudokite visuotinių kintamųjų ar funkcijų atidėjimo scenarijuose, įskaitant bet kokius nedelsiant vykdomus scenarijus.

Pridėkite atributą Defer prie scenarijų, naudojamų „WordPress“.

Kaip „WordPress“ galime automatiškai pridėti atributą Defer prie „WordPress“ naudojamų scenarijų?

Šį kodą galime pridėti prie dabartinės temos functions.php failo ▼

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

• Aukščiau pateiktas kodas veikia tik pagal„WordPress“ pristatė „JavaScript“ kodąbus efektyvus.

注意 事项

Tiesioginės peržiūros valdymo laukas gali būti tuščias:

Jei naudojate aukščiau pateiktą kodą, kai atidarote peržiūros tvarkymą realiuoju laiku (Išvaizda → Tinkinti), jis gali būti rodomas tuščias, todėl naudokite jį kaip tinkama.

Kai reikalingas peržiūros valdymas realiuoju laiku, pakomentuokite aukščiau pateiktą kodą ir ištrinkite komentuotą kodą, kai tinkinimas bus baigtas.

PHP komentaro kodo pavyzdys:

/*

这里是代码 

*/