පිටු විදැහුම්කරණය වේගවත් කිරීමට වර්ඩ්ප්‍රෙස් ලෝඩ් ජාවාස්ක්‍රිප්ට් කරන්නේ කෙසේද?

වර්ඩ්ප්රෙස්පිටු විදැහුම්කරණ ක්‍රම වේගවත් කිරීමට ජාවාස්ක්‍රිප්ට් කම්මැලි ලෙස පැටවීම.

JavaScript හි Defer දේපල යනු කුමක්ද?

සෑම කෙනෙකුම මෙම තත්වයට මුහුණ දී ඇත:

හිසෙහි N ස්ක්‍රිප්ට් ඇති අතර, ස්ක්‍රිප්ට් පූරණය වූ විට, සාමාන්‍යයෙන් හිස් වන පිටු විදැහුම්කරණය අවහිර වේ.

ඇත්ත වශයෙන්ම, මූල කේතයේ ඇති ස්ක්‍රිප්ට් එක පාදකයට දැමීමෙන් අපට මෙය මඟ හැරිය හැක.

කෙසේ වෙතත්, සමහර සංකීර්ණ සංවර්ධන පරිසරයන් මෙම සරල කාර්යය විශේෂයෙන් සංකීර්ණ කළ හැකිය.

මෙම අවස්ථාවේදී අපට JavaScript හි සාපේක්ෂව දුර්ලභ දේපලක් වන Defer දේපල භාවිතා කළ හැක.

ඔබ එය කිසිදා භාවිතා නොකරනු ඇත, නමුත් මෙම හැඳින්වීම කියවීමෙන් පසු, ඔබ එය අත් නොහරින බව මට විශ්වාසයි.

එහි ප්‍රධාන කාර්යය වන්නේ, සම්පූර්ණ පිටුව පූරණය වූ පසු විග්‍රහ කිරීමට ඉඩ දීමයි, එය පැටවීමේදී විග්‍රහ කිරීම වෙනුවට, සිදුවීම්-ප්‍රේරක ජාවාස්ක්‍රිප්ට් පමණක් අඩංගු ස්ක්‍රිප්ට් සඳහා සම්පූර්ණ පිටු පැටවීමේ වේගය සපයයි.

ඔව්, ස්ක්‍රිප්ට් ටැගයට ඩිෆෙර් ගුණාංගයක් තිබේ නම්, එය පිටුවේ පහළට ස්ක්‍රිප්ට් දැමීම හා සමාන වන එය හිසෙහි තැබුවද HTML පිටුව විග්‍රහ කිරීමෙන් පසුව ක්‍රියාත්මක වේ.

ඇත්ත වශයෙන්ම, ප්‍රමාදය භාවිතා කිරීම ද සීමිතය, සාමාන්‍යයෙන් කරුණු 2 කට අවධානය යොමු කරන්න:

1) deferred defer ආකාරයේ script block එකක document.write විධානය අමතන්න එපා;

• මොකද document.write සෘජු ප්‍රතිදාන බලපෑමක් ඇති කරයි.

2) ඕනෑම ක්ෂණික ක්‍රියාත්මක කිරීමේ ස්ක්‍රිප්ට් ඇතුළුව, Defer ස්ක්‍රිප්ට් වල ගෝලීය විචල්‍යයන් හෝ ශ්‍රිත භාවිතා නොකරන්න.

වර්ඩ්ප්‍රෙස් හි භාවිතා වන ස්ක්‍රිප්ටයට Defer ගුණාංගය එක් කරන්න

වර්ඩ්ප්‍රෙස් වලදී, වර්ඩ්ප්‍රෙස් භාවිතා කරන ස්ක්‍රිප්ට් වලට ඩිෆෙර් ගුණාංගය ස්වයංක්‍රීයව එකතු කරන්නේ කෙසේද?

අපට පහත කේතය වත්මන් තේමාවේ 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";
};

• ඉහත කේතය ක්‍රියාත්මක වන්නේ අනුව පමණිවර්ඩ්ප්‍රෙස් විසින් හඳුන්වා දුන් JavaScript කේතයඵලදායී වනු ඇත.

පූර්වාරක්ෂාව

සජීවී පෙරදසුන් කළමනාකරණය හිස්ව පෙන්විය හැක:

ඔබ ඉහත කේතය භාවිතා කරන්නේ නම්, ඔබ තත්‍ය කාලීන පෙරදසුන් කළමනාකරණය (පෙනුම → අභිරුචිකරණය) විවෘත කරන විට, එය හිස්ව පෙන්විය හැක, එබැවින් කරුණාකර එය සුදුසු පරිදි භාවිතා කරන්න.

තත්‍ය කාලීන පෙරදසුන් කළමනාකරණය අවශ්‍ය වූ විට, ඉහත කේතය අදහස් දක්වන්න, අභිරුචිකරණය සම්පූර්ණ වූ පසු අදහස් දැක්වූ කේතය මකන්න.

PHP අදහස් කේත උදාහරණය:

/*

这里是代码 

*/