Kā likt WordPress slinki ielādēt JavaScript, lai paātrinātu lapas renderēšanu?

WordPressSlinka JavaScript ielāde, lai paātrinātu lapu renderēšanas metodes.

Kas ir JavaScript rekvizīts Defer?

Droši vien ikviens ir saskāries ar šādu situāciju:

Galvā ir N skripti, un, kad skripti tiek ielādēti, tiek bloķēta lapas renderēšana, kas parasti ir tukša.

Protams, mēs to varam apiet, ievietojot skriptu avota kodā kājenē.

Tomēr dažas sarežģītas izstrādes vides var padarīt šo vienkāršo uzdevumu īpaši sarežģītu.

Šobrīd mēs varam izmantot rekvizītu Defer, kas JavaScript ir salīdzinoši rets rekvizīts.

Iespējams, ka jūs to nekad neizmantosit, bet pēc šī ievada izlasīšanas esmu pārliecināts, ka jūs to neatstāsit.

Tās galvenā funkcija ir ļaut skriptam parsēt pēc visas lapas ielādes, nevis parsēt to ielādes laikā, kas nodrošina pilnu lapas ielādes ātrumu skriptiem, kas satur tikai notikuma aktivizētu JavaScript.

Jā, ja skripta tagam ir atribūts atlikt, tas tiks izpildīts pēc HTML lapas parsēšanas, pat ja tas ir ievietots galvā, kas ir līdzīgi skripta ievietošanai lapas apakšā.

Protams, arī kavēšanās izmantošana ir ierobežota, parasti pievērsiet uzmanību 2 punktiem:

1) Neizsauciet komandu document.write atliktā atliktā tipa skripta blokā;

• Jo document.write radīs tiešu izvades efektu.

2) Neizmantojiet globālos mainīgos vai funkcijas atlikšanas skriptos, tostarp tūlītējās izpildes skriptos.

Pievienojiet atribūtu Defer skriptam, ko izmanto WordPress

Kā pakalpojumā WordPress mēs varam automātiski pievienot atribūtu Defer WordPress izmantotajiem skriptiem?

Mēs varam pievienot šādu kodu pašreizējās tēmas failam functions.php ▼

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

• Iepriekš minētais kods darbojas tikai saskaņā arJavaScript kods, ko ieviesa WordPressbūs efektīva.

注意 事项

Tiešraides priekšskatījuma pārvaldība var tikt rādīta tukša:

Ja izmantojat iepriekš minēto kodu, atverot reāllaika priekšskatījuma pārvaldību (Izskats → Pielāgot), tas var tikt rādīts tukšs, tāpēc, lūdzu, izmantojiet to atbilstoši.

Ja ir nepieciešama reāllaika priekšskatījuma pārvaldība, komentējiet iepriekš minēto kodu un pēc pielāgošanas pabeigšanas izdzēsiet komentēto kodu.

PHP komentāra koda piemērs:

/*

这里是代码 

*/