ලිපි නාමාවලිය
W3 Total Cache Minify සඳහා නිවැරදි embedding වර්ගය තෝරා ගැනීමට අරගල කරනවාද? මෙම ලිපිය වෙබ්මාස්ටර්වරයෙකුගේ සැබෑ ලෝක අත්දැකීම බෙදා ගන්නා අතර වෙබ් අඩවි විලාසයේ අත්වැරදීම් සහ පූරණ බිඳ වැටීම් වළක්වා ගනිමින් නිවැරදි Minify embedding වර්ගය නිවැරදිව තෝරා ගැනීමට පියවරෙන් පියවර මාර්ගෝපදේශයක් සපයයි. ආරම්භකයින්ට පවා පහසුවෙන් යෙදිය හැකි මෝඩ නොවන සැකසුම් විසඳුමක් ද එහි ඇතුළත් වේ.වර්ඩ්ප්රෙස් කඩා වැටීමෙන් තොරව වේගවත් කරන්න!
මම වෙබ් අඩවියක් ප්රශස්තිකරණය කරමින් සිටියදී W3 Total Cache හි Minify සැකසුම් විවෘත කළ විට, මම සම්පූර්ණයෙන්ම ගොළු වුණා. embedded වර්ගය සඳහා පතන මෙනුවේ විකල්ප හතරක් තිබුණි: Default (Block), Use JS for Non-Blocking, Use "Asynchronous" for Non-Blocking, සහ Use "Delayed" for Non-Blocking.
මම මොහොතක් ඒ ගැන හිතුවා, මේ ඔක්කොම මොකක් ගැනද කියලා?
මාව විශ්වාස කරන්න, ඔබ තනිවම නොවේ. මෙම විකල්ප හතර නිසා වසර ගණනාවක් තිස්සේ WordPress භාවිතා කරන කෙනෙකු තබා, නවකයෙකු පවා ව්යාකූලත්වයට පත් වනු ඇත. මෙම ලිපියෙන් මා මුහුණ දුන් අන්තරායන් සහ මා කෙලින්ම ඉගෙන ගත් පාඩම් ඉදිරිපත් කෙරේ. ඔබට ලියකියවිලි විමසීමට අවශ්ය නැත; මගේ උපදෙස් අනුගමනය කරන්න.
මෙම කාවැද්දීමේ වර්ග හතර හරියටම මොනවාද?
මුලින්ම මේ විකල්ප හතර මොන වගේ චරිතයක්ද කියලා කතා කරමු.
පෙරනිමිය (බ්ලොක්)මෙය පෙරනිමි අවහිර කිරීම ලෙස හැඳින්වේ. එය වඩාත්ම සරල ප්රවේශයයි: බ්රවුසරය ස්ක්රිප්ට් එකක් හමු වූ විට නතර වේ, එය බාගත කර සම්පූර්ණයෙන්ම ක්රියාත්මක කරයි, පසුව පිටුව විදැහුම් කිරීම දිගටම කරගෙන යයි. විශ්වාසදායක ලෙස පෙනේ, නේද? නමුත් හුවමාරුව නම් ඔබේ ආරම්භක පිටු පැටවීම අවහිර කරනු ලැබේ; පරිශීලකයින්ට කිසිවක් දැකීමට පෙර ස්ක්රිප්ට් ක්රියාත්මක වීම අවසන් වන තෙක් බලා සිටීමට සිදුවනු ඇත.
අවහිර නොකිරීම සඳහා JS භාවිතා කිරීමමෙය ඉතා සිත්ගන්නා සුළුයි. පිටුවේ `<script>` ටැග් කෙලින්ම ලිවීම වෙනුවට, එය මුලින්ම කුඩා ස්ක්රිප්ට් එකක් ප්රතිදානය කරයි, පසුව පිටුව ක්රියාත්මක වූ පසු JavaScript හරහා පිටුවට පූරණය කිරීමට අවශ්ය ස්ක්රිප්ට් ගතිකව එන්නත් කරයි. මේ ආකාරයෙන්, පිටුව පළමුව විදැහුම් කළ හැකි අතර, ස්ක්රිප්ට් ක්රමයෙන් පූරණය විය හැකිය. හොඳයි වගේ නේද? කෙසේ වෙතත්, ගැටළුව වන්නේ මෙම ගතික එන්නත් කිරීමේ ක්රියාවලිය ස්ක්රිප්ට් වල මුල් ක්රියාත්මක කිරීමේ අනුපිළිවෙලට බාධා කළ හැකි වීමයි. ඔබේ පිටුවේ ඇති සමහර ස්ක්රිප්ට් ක්රියාත්මක කිරීමේ අනුපිළිවෙල මත දැඩි ලෙස රඳා පවතී නම්, ගැටළු මතු විය හැකිය.
අවහිර නොකිරීම සඳහා "අසමමුහුර්ත" භාවිතා කරන්න.මෙයට `<script>` ටැගයට `async` ගුණාංගය එක් කිරීම ඇතුළත් වේ. ස්ක්රිප්ට් එක පසුබිමේ අසමමුහුර්තව බාගත වන අතර බාගත කිරීමෙන් පසු පිටුව බලා නොසිට වහාම ක්රියාත්මක වේ. කෙසේ වෙතත්, අවාසිය නම් ක්රියාත්මක කිරීමේ අනුපිළිවෙල සම්පූර්ණයෙන්ම පාලනය කළ නොහැකි වීමයි; ඔබ කේතයේ සඳහන් කළ අනුපිළිවෙල නොසලකා, පළමුව බාගත කිරීම අවසන් කරන ඕනෑම ස්ක්රිප්ට් එකක් පළමුව ක්රියාත්මක වේ.
අවහිර නොකිරීම සඳහා "ප්රමාදය" භාවිතා කිරීම`defer` ගුණාංගය එකතු කිරීම යන්නෙන් අදහස් කරන්නේ මෙයයි. ක්රියාත්මක කිරීමට පෙර සම්පූර්ණ පිටුව විග්රහ කරන තෙක් ස්ක්රිප්ට් එක රැඳී සිටින අතර, වැදගත් ලෙස, ඔබ එය ලියූ මුල් අනුපිළිවෙල පවත්වා ගනී. මෙය තරමක් පරිශීලක-හිතකාමී ය, මන්ද එය පළමු තිරය අවහිර නොකරන අතර අනුපිළිවෙලට බාධා නොකරයි.
මම තෝරා ගත යුත්තේ කුමන එකද?
සරලව කිවහොත්, මෙම විකල්ප හතර බහුවරණ ප්රශ්නයක් වැනිය:ඔබට අවශ්ය වේගයද නැතිනම් ඇණවුමක්ද?
මගේ යෝජනාව මෙසේය.
ඔබේ වෙබ් අඩවිය කුඩා නම්, එහි ස්ක්රිප්ට් කිහිපයක් තිබේ නම්, සහ පූරණ වේගය සඳහා ඔබට අතිශයින් ඉහළ අවශ්යතා නොමැති නම්, පෙරනිමි (අවහිර කළ) සැකසුම භාවිතා කිරීම පහසුම විකල්පයයි. එය ටිකක් මන්දගාමී වුවද, එය කිසිදු ගැටළුවක් ඇති නොකරයි.
ඔබට පළමු තිරයේ වේගය වැඩි දියුණු කිරීමට අවශ්ය නම් සහ ඔබේ ස්ක්රිප්ට් වල "A B ට පෙර ක්රියාත්මක කළ යුතුය" වැනි ශක්තිමත් පරායත්තතා නොමැති නම්, ප්රමුඛත්වය දෙන්න...අවහිර නොකිරීම සඳහා "ප්රමාදය" භාවිතා කිරීම(defer). මෙය වර්තමානයේ වඩාත්ම කදිම විසඳුමයි, මන්ද එය විදැහුම්කරණය අවහිර නොකරන අතර අනුපිළිවෙලට බාධා නොකරයි.
ඔබ කල් දැමීමට උත්සාහ කළත් සමහර කාර්යයන් වල ගැටළු ඇති බව තවමත් සොයා ගන්නේ නම්, සලකා බලන්න...අවහිර නොකිරීම සඳහා JS භාවිතා කිරීමමෙම විසඳුම වඩාත් රැඩිකල් ය, නමුත් එහි අනුකූලතාව තරමක් නරක ය.
අවහිර නොකිරීම සඳහා "අසමමුහුර්ත" භාවිතා කරන්න.(async) මම අවම වශයෙන් නිර්දේශ කරන විකල්පයයි. ක්රියාත්මක කිරීමේ අනුපිළිවෙල සම්පූර්ණයෙන්ම අවුල් වී ඇති නිසා, ඔබේ ස්ක්රිප්ට් සියල්ලම ස්වාධීනව ක්රියාත්මක වන බවට ඔබට සම්පූර්ණයෙන්ම විශ්වාස නැත්නම් එය බිඳ වැටීම පහසුය.
මම වැටුණු ලොකු වළවල් දෙකක්
කතා කිරීම ලාභයි. මම කළ වැරදි දෙකක් මම ලියා තිබෙනවා; ඔබට ඒවා වළක්වා ගත හැකිදැයි බැලීමට ඔබේම අත්දැකීම් සමඟ පරීක්ෂා කළ හැකිය.
පළමු අනතුර: අභිරුචි වර්ඩ්ප්රෙස් තේමා තත්ය කාලීනව පෙරදසුන් කළ නොහැක.
ටික වේලාවක්, තේමාවක් අභිරුචිකරණය කිරීමේදී, සුරකින්න ක්ලික් කිරීමෙන් පසු, පෙරදසුන නැවුම් නොවේ. මම යම් වෙනස්කම් සිදු කර, පිටුව නැවුම් කරමි, නමුත් එය තවමත් එලෙසම පවතිනු ඇත.
යම් විමර්ශනයකින් පසුව, Minify හි සම්පීඩන ශ්රිතය වැරදිකරු බව මම සොයා ගතිමි. විසඳුම සරලයි:
W3 Total Cache ප්ලගිනය වෙත පිවිසෙන්න常规设置,සොයා ගැනීම"සම්පීඩනය"එම විකල්පය සලකුණු නොකරන්න. ඉන්පසු ඉහළ දකුණු කෙළවරේ ඇති "සැකසුම් සුරකින්න" යටතේ ඇති කුඩා ඊතලය ක්ලික් කර "..." තෝරන්න.සැකසුම් සුරකින්න සහ හැඹිලිය හිස් කරන්නමෙම පියවර ඉතා වැදගත් වේ; ඔබ හැඹිලිය හිස් නොකළත්, ඔබට තවමත් පැරණි අනුවාදය පෙනෙනු ඇත.
ඔබ අවසන් වූ පසු, තේමා අභිරුචිකරණය වෙත ආපසු යන්න, එවිට සජීවී පෙරදසුන සාමාන්ය තත්ත්වයට පත්වේ.
දෙවන ගැටළුව: Astra තේමා සෙවුම් කොටුව ක්ලික් කළ විට ප්රතිචාර නොදක්වයි.
මට මේ ගැටලුව ගොඩක් කාලෙකට කලින් ආවා. මම Astra theme එක පාවිච්චි කරමින් හිටියා, එක දවසක් මට හදිසියේම තේරුණා මම ඒක කොහොම click කළත් search box එක respond කරන්නේ නැහැ කියලා. මුලින්ම මම හිතුවේ ඒක theme එකේම ප්රශ්නයක් කියලා, නමුත් පසුව මට තේරුණා ඒක W3TC හි Minify සැකසුම් නිසා ඇති වුණු දෙයක් කියලා.
විසඳුම පහත පරිදි වේ:
W3 Total Cache → General Settings → Advanced Compression Settings → JS → Minify Engine Settings → Locale Settings වෙත ගොස්, embedding වර්ගය මෙම දෙකෙන් එකකට වෙනස් කරන්න:
- මීට පෙර, JavaScript භාවිතයෙන් අවහිර නොකිරීම සාක්ෂාත් කර ගන්නා ලදී.
- පසු, අවහිර නොකිරීම සඳහා JS භාවිතා කරන්න
ඒ හා සමානව, හැඹිලිය ඉවත් කර පිටුව නැවුම් කිරීමෙන් සෙවුම් කොටුව නිසි ලෙස ක්රියාත්මක වීමට ඉඩ සැලසේ.
අනෙක් ඒවා වෙනුවට මෙම විකල්ප දෙක තෝරා ගත්තේ ඇයිද යන්න සම්බන්ධයෙන්, මම යම් පර්යේෂණයක් කර ඇත්තෙමි. සරලව කිවහොත්, Astra තේමාවේ ඉදිරිපස සංරචක ස්ක්රිප්ට් ක්රියාත්මක කිරීමේ වේලාවට බෙහෙවින් සංවේදී වන අතර, ඇතැම් අවහිර නොකරන ක්රම මගින් සිදුවීම් බන්ධනය අසාර්ථක විය හැකිය. "JS සමඟ අවහිර නොකිරීම" මාදිලිය භාවිතා කිරීමෙන් පිටුව පූරණය වීම අවසන් වූ පසුව පමණක් ස්ක්රිප්ට් ක්රියාත්මක වන බව සහතික කරන අතර, අසමමුහුර්තකරණය සමඟ දක්නට ලැබෙන අක්රමික ක්රියාත්මක කිරීම වළක්වයි.
නැරඹිය යුතු ස්ථාන ලැයිස්තුව
අවසාන වශයෙන්, ඔබට කෙලින්ම අනුගමනය කළ හැකි පිරික්සුම් ලැයිස්තුවක් මෙන්න:
පළමු පියවර වන්නේ ඔබේ ඉලක්කය පැහැදිලි කිරීමයි. ඔබට වේගවත්ම ආරම්භක පිටු පූරණය අවශ්යද, නැතහොත් ඔබ ස්ථාවරත්වය සහ දෝෂ රහිත ක්රියාකාරිත්වයට ප්රමුඛත්වය දෙනවාද? මෙය ඔබ භාවිතා කළ යුතු කාවැද්දීමේ වර්ගය තීරණය කරනු ඇත.
දෙවන පියවර වන්නේ සියල්ල එකවර වෙනස් කිරීම නොවේ. පළමුව, එය පරීක්ෂා කිරීම සඳහා අඩු වැදගත්කමක් ඇති පිටුවක් සොයා ගන්න, එය දිනක් හෝ දෙකක් නිරීක්ෂණය කරන්න, සහ ගැටළු නොමැති බව ඔබට විශ්වාස නම් පමණක් එය මුළු අඩවියටම ප්රවර්ධනය කරන්න.
තෙවනුව, සෑම වෙනස් කිරීමකින් පසු සෑම විටම හැඹිලිය හිස් කරන්න. W3TC හි හැඹිලි යාන්ත්රණය මඟින් ඔබට නවතම වෙනස්කම් දැකීම වලක්වනු ඇත, එබැවින් "පැහැදිලි හැඹිලිය සහ නැවත පරීක්ෂා කරන්න" පියවර අත්යවශ්ය වේ.
හතරවනුව, ඔබගේ බ්රවුසරයේ සංවර්ධක මෙවලම් හෝ PageSpeed Insights වැනි මෙවලම් භාවිතා කර පෙර සහ පසු පූරණ වේගය සංසන්දනය කරන්න. ඔබේ හදවතේ හැඟීම පමණක් නොව, දත්ත ඒ වෙනුවෙන්ම කතා කිරීමට ඉඩ දෙන්න.
අවසානයේ ලියන්න
ඇත්තම කිව්වොත්, මම මුලින්ම මෙම එම්බෙඩඩ් වර්ගයේ සැකසුම දුටු විට, මම දිගු වේලාවක් මවිතයට පත් වී සිටියෙමි. පෙරනිමි අවහිර කිරීමේ මාදිලිය ඉතා මන්දගාමී බවක් පෙනෙන්නට තිබුණි, නමුත් අසමමුහුර්ත මාදිලිය ඇණවුම සහතික නොකළ අතර, කල් දැමීම අනුකූලතා ගැටළු ඇති කළ හැකිය. කුමන විකල්පය තෝරා ගත යුතු දැයි මට අවිනිශ්චිත බවක් දැනුනි.
නමුත් පසුව මට වැටහුණා ඒක හුවමාරුවක් කියලා. ඔබට වේගවත්ම සහ වඩාත්ම ස්ථායී දෙකම තිබිය නොහැක; ඔබට සැමවිටම එකක් කැප කිරීමට සිදුවේ. මගේ අත්දැකීම නම්, දැනට ආරක්ෂිතම අවහිර නොකරන විසඳුම වන defer පළමුව භාවිතා කර, පසුව ගැටළු ඇති වුවහොත් ආපසු ඇමතුමක් භාවිතා කිරීමයි.
ඔබට සමාන ගැටළු ඇති වුවහොත්, හෝ මගේ ක්රමය අනුගමනය කිරීමෙන් පසුවත් ඔබට වෙනත් ගැටළු තිබේ නම්, ඒ ගැන සාකච්ඡා කිරීමට නිදහස් වන්න. වෙබ් අඩවි සංවර්ධනය යනු අත්හදා බැලීම් සහ දෝෂයන් පිළිබඳ ක්රියාවලියකි; කිසිවෙකු ව්යතිරේකයක් නොවේ.
මගේ ලිපිය කියෙව්වට ස්තූතියි. ඊළඟ වතාවේ හමුවෙමු.
Hope Chen Weiliang බ්ලොග් ( https://www.chenweiliang.com/ මා බෙදාගත් "W3 Total Cache Minify Plugin Settings: How to Choose the Embedding Type? My Pitfalls and Lifesaving Tips" යන ලිපිය ඔබට ප්රයෝජනවත් විය හැකිය.
මෙම ලිපියේ සබැඳිය බෙදා ගැනීමට සාදරයෙන් පිළිගනිමු:https://www.chenweiliang.com/cwl-34003.html