பக்க ரெண்டரிங் வேகத்தை அதிகரிக்க வேர்ட்பிரஸ் சோம்பேறியாக ஜாவாஸ்கிரிப்டை ஏற்றுவது எப்படி?

வேர்ட்பிரஸ்பக்க ரெண்டரிங் முறைகளை விரைவுபடுத்த ஜாவாஸ்கிரிப்டை சோம்பேறியாக ஏற்றுதல்.

ஜாவாஸ்கிரிப்ட்டின் டிஃபர் சொத்து என்றால் என்ன?

எல்லோரும் இந்த சூழ்நிலையை சந்தித்திருக்கலாம்:

தலையில் N ஸ்கிரிப்டுகள் உள்ளன, மேலும் ஸ்கிரிப்டுகள் ஏற்றப்படும் போது, ​​பக்க ரெண்டரிங் தடுக்கப்படும், இது பொதுவாக காலியாக இருக்கும்.

நிச்சயமாக, மூலக் குறியீட்டில் உள்ள ஸ்கிரிப்டை அடிக்குறிப்பில் வைப்பதன் மூலம் நாம் இதைச் சுற்றி வரலாம்.

இருப்பினும், சில சிக்கலான வளர்ச்சி சூழல்கள் இந்த எளிய பணியை குறிப்பாக சிக்கலாக்கும்.

இந்த கட்டத்தில், ஜாவாஸ்கிரிப்டில் ஒப்பீட்டளவில் அரிதான சொத்தாக இருக்கும் டிஃபர் சொத்தை நாம் பயன்படுத்தலாம்.

நீங்கள் அதை ஒருபோதும் பயன்படுத்த மாட்டீர்கள், ஆனால் இந்த அறிமுகத்தைப் படித்த பிறகு, நீங்கள் அதை விட்டுவிட மாட்டீர்கள் என்று நான் நம்புகிறேன்.

முழுப் பக்கமும் ஏற்றப்பட்ட பிறகு, ஸ்கிரிப்டைப் பாகுபடுத்துவதற்குப் பதிலாக, ஸ்கிரிப்டைப் பாகுபடுத்துவதே இதன் முக்கியச் செயல்பாடாகும், இது நிகழ்வு-தூண்டப்பட்ட ஜாவாஸ்கிரிப்ட் மட்டுமே கொண்டிருக்கும் ஸ்கிரிப்ட்களுக்கு முழுப் பக்க ஏற்ற வேகத்தை வழங்குகிறது.

ஆம், ஸ்கிரிப்ட் டேக் ஒரு ஒத்திவைப்பு பண்புக்கூறு இருந்தால், அது HTML பக்கத்தை பாகுபடுத்திய பின்னரே செயல்படுத்தப்படும், இது பக்கத்தின் கீழே ஸ்கிரிப்டை வைப்பதைப் போன்றது.

நிச்சயமாக, தாமதத்தின் பயன்பாடும் குறைவாகவே உள்ளது, பொதுவாக 2 புள்ளிகளுக்கு கவனம் செலுத்துங்கள்:

1) ஒரு ஒத்திவைக்கப்பட்ட defer வகை ஸ்கிரிப்ட் தொகுதியில் document.write கட்டளையை அழைக்க வேண்டாம்;

• ஏனெனில் document.write நேரடி வெளியீட்டு விளைவை உருவாக்கும்.

2) உடனடியாக செயல்படுத்தும் ஸ்கிரிப்டுகள் உட்பட, உலகளாவிய மாறிகள் அல்லது செயல்பாடுகளை டிஃபர் ஸ்கிரிப்ட்களில் பயன்படுத்த வேண்டாம்.

WordPress இல் பயன்படுத்தப்படும் ஸ்கிரிப்ட்டில் Defer பண்புக்கூறைச் சேர்க்கவும்

வேர்ட்பிரஸ்ஸில், வேர்ட்பிரஸ் பயன்படுத்தும் ஸ்கிரிப்ட்களில் டிஃபெர் பண்புக்கூறை எவ்வாறு தானாகச் சேர்க்கலாம்?

தற்போதைய தீமின் செயல்பாடுகள்.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";
};

• மேலே உள்ள குறியீடு படி மட்டுமே வேலை செய்கிறதுவேர்ட்பிரஸ் அறிமுகப்படுத்திய ஜாவாஸ்கிரிப்ட் குறியீடுபயனுள்ளதாக இருக்கும்.

முன்னெச்சரிக்கைகள்

நேரடி முன்னோட்ட மேலாண்மை காலியாகக் காட்டப்படலாம்:

மேலே உள்ள குறியீட்டைப் பயன்படுத்தினால், நீங்கள் நிகழ்நேர முன்னோட்ட நிர்வாகத்தைத் திறக்கும்போது (தோற்றம் → தனிப்பயனாக்கு), அது வெறுமையாகக் காட்டப்படலாம், எனவே தயவுசெய்து அதைப் பயன்படுத்தவும்.

நிகழ்நேர முன்னோட்ட மேலாண்மை தேவைப்படும்போது, ​​மேலே உள்ள குறியீட்டில் கருத்துத் தெரிவிக்கவும், தனிப்பயனாக்கம் முடிந்ததும் கருத்துரையிட்ட குறியீட்டை நீக்கவும்.

PHP கருத்துக் குறியீடு உதாரணம்:

/*

这里是代码 

*/