ఆర్టికల్ డైరెక్టరీ
WordPressపేజీ రెండరింగ్ పద్ధతులను వేగవంతం చేయడానికి జావాస్క్రిప్ట్‌ని లేజీ లోడ్ చేయడం.
జావాస్క్రిప్ట్ డిఫర్ ప్రాపర్టీ అంటే ఏమిటి?
ప్రతి ఒక్కరూ బహుశా ఈ పరిస్థితిని ఎదుర్కొన్నారు:
తలపై N స్క్రిప్ట్‌లు ఉన్నాయి మరియు స్క్రిప్ట్‌లు లోడ్ అయినప్పుడు, పేజీ రెండరింగ్ బ్లాక్ చేయబడుతుంది, ఇది సాధారణంగా ఖాళీగా ఉంటుంది.
అయితే, సోర్స్ కోడ్‌లోని స్క్రిప్ట్‌ను ఫూటర్‌లో ఉంచడం ద్వారా మనం దీని గురించి తెలుసుకోవచ్చు.
అయినప్పటికీ, కొన్ని సంక్లిష్టమైన అభివృద్ధి వాతావరణాలు ఈ సాధారణ పనిని ముఖ్యంగా సంక్లిష్టంగా చేయగలవు.
ఈ సమయంలో మనం జావాస్క్రిప్ట్‌లో సాపేక్షంగా అరుదైన ఆస్తి అయిన డిఫర్ ప్రాపర్టీని ఉపయోగించవచ్చు.
మీరు దీన్ని ఎప్పటికీ ఉపయోగించకపోవచ్చు, కానీ ఈ ఉపోద్ఘాతం చదివిన తర్వాత, మీరు దీన్ని వదిలిపెట్టరని నేను ఖచ్చితంగా అనుకుంటున్నాను.
మొత్తం పేజీ లోడ్ అయిన తర్వాత స్క్రిప్ట్‌ను లోడ్‌లో అన్వయించడానికి బదులుగా దాన్ని అన్వయించడం దీని ప్రధాన విధి, ఇది ఈవెంట్-ట్రిగ్గర్డ్ జావాస్క్రిప్ట్‌ను మాత్రమే కలిగి ఉన్న స్క్రిప్ట్‌ల కోసం పూర్తి పేజీ లోడ్ వేగాన్ని అందిస్తుంది.
అవును, స్క్రిప్ట్ ట్యాగ్‌లో డిఫర్ అట్రిబ్యూట్ ఉన్నట్లయితే, HTML పేజీని తలపై ఉంచినప్పటికీ, దాన్ని అన్వయించిన తర్వాత అది అమలు చేయబడుతుంది, ఇది స్క్రిప్ట్‌ను పేజీ దిగువన ఉంచినట్లుగా ఉంటుంది.
వాస్తవానికి, ఆలస్యం యొక్క ఉపయోగం కూడా పరిమితం చేయబడింది, సాధారణంగా 2 పాయింట్లకు శ్రద్ధ వహించండి:
1) వాయిదా వేసిన డిఫర్ టైప్ స్క్రిప్ట్ బ్లాక్‌లో document.write ఆదేశాన్ని కాల్ చేయవద్దు;
- ఎందుకంటే document.write ప్రత్యక్ష అవుట్‌పుట్ ప్రభావాన్ని ఉత్పత్తి చేస్తుంది.
2) ఏదైనా తక్షణ అమలు స్క్రిప్ట్‌లతో సహా డిఫెర్ స్క్రిప్ట్‌లలో గ్లోబల్ వేరియబుల్స్ లేదా ఫంక్షన్‌లను ఉపయోగించవద్దు.
WordPressలో ఉపయోగించే స్క్రిప్ట్‌కు డిఫర్ లక్షణాన్ని జోడించండి
WordPressలో, WordPress ఉపయోగించే స్క్రిప్ట్‌లకు డిఫర్ లక్షణాన్ని స్వయంచాలకంగా ఎలా జోడించవచ్చు?
ప్రస్తుత థీమ్ యొక్క 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";
};- పై కోడ్ ప్రకారం మాత్రమే పని చేస్తుందిWordPress ద్వారా జావాస్క్రిప్ట్ కోడ్ ప్రవేశపెట్టబడిందిప్రభావవంతంగా ఉంటుంది.
జాగ్రత్తలు
ప్రత్యక్ష పరిదృశ్య నిర్వహణ ఖాళీగా ప్రదర్శించబడవచ్చు:
మీరు పై కోడ్‌ని ఉపయోగిస్తే, మీరు నిజ-సమయ ప్రివ్యూ నిర్వహణను తెరిచినప్పుడు (ప్రదర్శన → అనుకూలీకరించండి), అది ఖాళీగా ప్రదర్శించబడవచ్చు, కాబట్టి దయచేసి తగిన విధంగా దాన్ని ఉపయోగించండి.
నిజ-సమయ ప్రివ్యూ నిర్వహణ అవసరమైనప్పుడు, పై కోడ్‌ను వ్యాఖ్యానించండి మరియు అనుకూలీకరణ పూర్తయిన తర్వాత వ్యాఖ్యానించిన కోడ్‌ను తొలగించండి.
PHP వ్యాఖ్య కోడ్ ఉదాహరణ:
/* 这里是代码 */
హోప్ చెన్ వీలియాంగ్ బ్లాగ్ ( https://www.chenweiliang.com/ ) భాగస్వామ్యం చేసిన "పేజీ రెండరింగ్‌ని వేగవంతం చేయడానికి WordPress జావాస్క్రిప్ట్‌ను సోమరితనంగా లోడ్ చేయడం ఎలా? , నీకు సహాయం చెయ్యడానికి.
ఈ కథనం యొక్క లింక్‌ను భాగస్వామ్యం చేయడానికి స్వాగతం:https://www.chenweiliang.com/cwl-954.html
తాజా నవీకరణలను పొందడానికి చెన్ వీలియాంగ్ బ్లాగ్ యొక్క టెలిగ్రామ్ ఛానెల్‌కు స్వాగతం!
📚 ఈ గైడ్‌లో భారీ విలువ ఉంది, 🌟ఇది ఒక అరుదైన అవకాశం, దీన్ని మిస్ చేయకండి! ⏰⌛💨
నచ్చితే లైక్ చేసి షేర్ చేయండి!
మీ భాగస్వామ్యం మరియు ఇష్టాలు మా నిరంతర ప్రేరణ!