Hoe maak u WordPress lui om JavaScript te laai om bladsyweergawe te bespoedig?

WordPressLui laai van JavaScript om bladsyweergawe te bespoedig.

Wat is JavaScript se Defer-kenmerk?

Almal het dalk hierdie situasie teëgekom:

Daar is N skrifte in die kop, wat bladsyweergawe sal blokkeer wanneer die skrifte gelaai word, wat gewoonlik leeg is.

Natuurlik kan ons hierdie probleem oplos deur die skrif in die bronkode in die voetskrif te plaas.

Sommige komplekse ontwikkelingsomgewings kan hierdie eenvoudige taak egter uiters ingewikkeld maak.

Op hierdie punt kan ons die Defer-kenmerk gebruik, wat 'n relatief seldsame kenmerk in JavaScript is.

Jy sal dit dalk nooit gebruik nie, maar ek is seker jy sal dit nie verlaat nadat jy hierdie inleiding gelees het nie.

Die hooffunksie daarvan is om die skrip die hele bladsy te laat ontleed nadat dit gelaai is, eerder as om dit tydens laaityd te ontleed, wat volle bladsy-laaispoed bied vir skrifte wat slegs gebeurtenis-geaktiveerde JavaScript bevat.

Ja, as die Skripmerker uitstel-kenmerk het, selfs al is dit in die kop geplaas, sal dit uitgevoer word nadat die HTML-bladsy ontleed is, wat soortgelyk is aan die plasing van die Skrip onderaan die bladsy.

Natuurlik is die gebruik van vertraging ook beperk. Oor die algemeen moet daar op twee punte gelet word:

1) Moenie die document.write-opdrag in 'n uitsteltipe skrifblok noem nie;

• Omdat document.write direkte uitvoer-effekte sal produseer.

2) Moenie enige onmiddellike uitvoeringsskrifte insluit wat globale veranderlikes of funksies in Defer scripts sal gebruik nie.

Voeg Defer-kenmerk by script wat in WordPress gebruik word

Hoe kan ons in WordPress outomaties Defer-kenmerke byvoeg by skrifte wat deur WordPress gebruik word?

Ons kan die volgende kode by die huidige tema se funksies.php-lêer voeg ▼

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

• Bogenoemde kode werk net vir, gebaseer opJavaScript-kode bekendgestel deur WordPresseffektief sal wees.

注意 事项

Regstreekse voorskoubestuur kan leeg lyk:

As jy die bogenoemde kode gebruik, kan dit leeg wees wanneer jy die intydse voorskoubestuur oopmaak (Voorkoms → Pasmaak), so gebruik dit asseblief toepaslik.

Wanneer intydse voorskoubestuur vereis word, lewer kommentaar op die bogenoemde kode en vee die kommentaarkode uit nadat aanpassing voltooi is.

PHP opmerking kode voorbeeld:

/*

这里是代码 

*/