ලිපි නාමාවලිය
W3 Total Cache Minify සඳහා නිවැරදි embedding වර්ගය තෝරා ගැනීමට අරගල කරනවාද? මෙම ලිපිය වෙබ්මාස්ටර්වරයෙකුගේ සැබෑ ලෝක අත්දැකීම බෙදා ගන්නා අතර නිවැරදි Minify embedding වර්ගය නිවැරදිව තෝරා ගැනීමට පියවරෙන් පියවර මාර්ගෝපදේශයක් සපයයි, වෙබ් අඩවි විලාසයේ අත්වැරදීම් සහ පූරණ බිඳ වැටීම් වළක්වා ගනී. ආරම්භකයින්ට පවා පහසුවෙන් යෙදිය හැකි, සුමට හා වේගවත් WordPress අත්දැකීමක් සහතික කරන, මෝඩ නොවන සැකසුම් විසඳුමක් ද එයට ඇතුළත් වේ!
මම වෙබ් අඩවියක් ප්‍රශස්තිකරණය කරමින් සිටියදී W3 Total Cache හි Minify සැකසුම් විවෘත කළ විට, මම සම්පූර්ණයෙන්ම ගොළු වුණා. embedded වර්ගය සඳහා පතන මෙනුවේ විකල්ප හතරක් තිබුණි: Default (Block), Use JS for Non-Blocking, Use "Asynchronous" for Non-Blocking, සහ Use "Delayed" for Non-Blocking.
මම මොහොතක් ඒ ගැන හිතුවා, මේ ඔක්කොම මොකක් ගැනද කියලා?
මාව විශ්වාස කරන්න, ඔබ තනිවම නොවේ. මෙම විකල්ප හතර නිසා වසර ගණනාවක් තිස්සේ WordPress භාවිතා කරන කෙනෙකු තබා, නවකයෙකු පවා ව්‍යාකූලත්වයට පත් වනු ඇත. මෙම ලිපියෙන් මා මුහුණ දුන් අන්තරායන් සහ මා කෙලින්ම ඉගෙන ගත් පාඩම් ඉදිරිපත් කෙරේ. ඔබට ලියකියවිලි විමසීමට අවශ්‍ය නැත; මගේ උපදෙස් අනුගමනය කරන්න.
මෙම කාවැද්දීමේ වර්ග හතර හරියටම මොනවාද?
මුලින්ම මේ විකල්ප හතර මොන වගේ චරිතයක්ද කියලා කතා කරමු.
පෙරනිමි අවහිර කිරීම වඩාත් සරල ප්‍රවේශයයි. බ්‍රව්සරයට ස්ක්‍රිප්ට් එකක් හමු වූ විට, එය නතර වී, ස්ක්‍රිප්ට් එක බාගත කර සම්පූර්ණයෙන්ම ක්‍රියාත්මක කර, පසුව පිටුව විදැහුම් කිරීම දිගටම කරගෙන යයි. විශ්වාසදායක ලෙස පෙනේ, නේද? නමුත් හුවමාරුව නම් ඔබේ ආරම්භක පිටු පැටවීම ප්‍රමාද වීමයි; පරිශීලකයින්ට කිසිවක් දැකීමට පෙර ස්ක්‍රිප්ට් ක්‍රියාත්මක වීම අවසන් වන තෙක් බලා සිටීමට සිදුවනු ඇත.
අවහිර නොකිරීම සඳහා JavaScript භාවිතා කිරීම තරමක් සිත්ගන්නා සුළුය. පිටුවේ `<script>` ටැග් කෙලින්ම ලිවීම වෙනුවට, එය මුලින්ම කුඩා ස්ක්‍රිප්ට් එකක් ප්‍රතිදානය කරයි, පසුව පිටුව ක්‍රියාත්මක වූ පසු JavaScript හරහා අවශ්‍ය ස්ක්‍රිප්ට් ගතිකව පිටුවට එන්නත් කරයි. මේ ආකාරයෙන්, පිටුවට පළමුව රෙන්ඩර් කළ හැකි අතර, ස්ක්‍රිප්ට් ක්‍රමයෙන් පූරණය වේ. හොඳයි වගේ නේද? කෙසේ වෙතත්, ගැටළුව වන්නේ මෙම ගතික එන්නත් කිරීමේ ක්‍රියාවලිය ස්ක්‍රිප්ට් වල මුල් ක්‍රියාත්මක කිරීමේ අනුපිළිවෙලට බාධා කළ හැකි වීමයි. ඔබේ පිටුවේ ඇති සමහර ස්ක්‍රිප්ට් ක්‍රියාත්මක කිරීමේ අනුපිළිවෙල මත දැඩි ලෙස රඳා පවතී නම්, ගැටළු මතු විය හැකිය.
අවහිර නොකිරීමේ ක්‍රියාත්මක කිරීම සඳහා "අසමමුහුර්ත" භාවිතා කිරීම යනු `<script>` ටැගයට `async` ගුණාංගය එක් කිරීමයි. ස්ක්‍රිප්ට් එක පසුබිමේ අසමමුහුර්තව බාගත කර පිටුව බලා නොසිට අවසන් වූ වහාම ක්‍රියාත්මක වේ. කෙසේ වෙතත්, අඩුපාඩුව නම් ක්‍රියාත්මක කිරීමේ අනුපිළිවෙල සම්පූර්ණයෙන්ම පාලනය කළ නොහැකි වීමයි; ඔබ කේතයේ සඳහන් කරන අනුපිළිවෙල නොසලකා, පළමුව බාගත කරන ඕනෑම දෙයක් ක්‍රියාත්මක වේ.
අවහිර නොකිරීමේ ක්‍රියාත්මක කිරීම සඳහා "ප්‍රමාදය" භාවිතා කිරීම සාක්ෂාත් කරගනු ලබන්නේ `defer` ගුණාංගය එකතු කිරීමෙනි. ක්‍රියාත්මක කිරීමට පෙර සම්පූර්ණ පිටුව විග්‍රහ කරන තෙක් ස්ක්‍රිප්ට් එක රැඳී සිටින අතර, තීරණාත්මක ලෙස, ඔබ එය ලියූ මුල් අනුපිළිවෙල පවත්වා ගනී. මෙය තරමක් පරිශීලක-හිතකාමී ය, මන්ද එය පළමු තිරය අවහිර නොකරන අතර ස්ක්‍රිප්ට් අනුපිළිවෙලට බාධා නොකරයි.
මම තෝරා ගත යුත්තේ කුමන එකද?
සරලව කිවහොත්, මෙම විකල්ප හතර බහුවරණ ප්‍රශ්නයක් වැනිය: ඔබට වේගය අවශ්‍යද, නැතහොත් ඔබට ඇණවුම අවශ්‍යද?
මගේ යෝජනාව මෙසේය.
ඔබේ වෙබ් අඩවිය කුඩා නම්, එහි ස්ක්‍රිප්ට් කිහිපයක් තිබේ නම්, සහ පූරණ වේගය සඳහා ඔබට අතිශයින් ඉහළ අවශ්‍යතා නොමැති නම්, පෙරනිමි (අවහිර කළ) සැකසුම භාවිතා කිරීම පහසුම විකල්පයයි. එය ටිකක් මන්දගාමී වුවද, එය කිසිදු ගැටළුවක් ඇති නොකරයි.
ඔබට පළමු තිර වේගය වැඩි දියුණු කිරීමට අවශ්‍ය නම් සහ ඔබේ ස්ක්‍රිප්ට් වල "A B ට පෙර ක්‍රියාත්මක කළ යුතුය" වැනි ශක්තිමත් පරායත්තතා නොමැති නම්, අවහිර නොකරන ක්‍රියාත්මක කිරීම සඳහා "defer" භාවිතා කිරීමට ප්‍රමුඛත්වය දෙන්න . ක්‍රියාත්මක කිරීමේ අනුපිළිවෙල පවත්වා ගනිමින් විදැහුම්කරණය අවහිර කිරීම වළක්වන බැවින්, මෙය දැනට පවතින කදිම විසඳුමයි.
defer උත්සාහ කිරීමෙන් පසුවත් සමහර කාර්යයන් වලට ගැටළු ඇති බව ඔබට පෙනී ගියහොත්, අවහිර නොකිරීම සඳහා JavaScript භාවිතා කිරීම සලකා බලන්න . මෙම ප්‍රවේශය වඩාත් ආක්‍රමණශීලී ය, නමුත් එහි අනුකූලතාව තරමක් නරක ය.
අවහිර නොකිරීම සඳහා "async" භාවිතා කිරීම මම අවම වශයෙන් නිර්දේශ කරන විකල්පයයි. ක්‍රියාත්මක කිරීමේ අනුපිළිවෙල සම්පූර්ණයෙන්ම අවුල් වී ඇති නිසා, ඔබේ ස්ක්‍රිප්ට් ස්වාධීනව ක්‍රියාත්මක වන බවට ඔබට සම්පූර්ණයෙන්ම විශ්වාස නැත්නම් එය බිඳ වැටීම පහසුය.
මම වැටුණු ලොකු වළවල් දෙකක්
කතා කිරීම ලාභයි. මම කළ වැරදි දෙකක් මම ලියා තිබෙනවා; ඔබට ඒවා වළක්වා ගත හැකිදැයි බැලීමට ඔබේම අත්දැකීම් සමඟ පරීක්ෂා කළ හැකිය.
පළමු අනතුර: අභිරුචි වර්ඩ්ප්‍රෙස් තේමා තත්‍ය කාලීනව පෙරදසුන් කළ නොහැක.
ටික වේලාවක්, තේමාවක් අභිරුචිකරණය කිරීමේදී, සුරකින්න ක්ලික් කිරීමෙන් පසු, පෙරදසුන නැවුම් නොවේ. මම යම් වෙනස්කම් සිදු කර, පිටුව නැවුම් කරමි, නමුත් එය තවමත් එලෙසම පවතිනු ඇත.
යම් විමර්ශනයකින් පසුව, Minify හි සම්පීඩන ශ්‍රිතය වැරදිකරු බව මම සොයා ගතිමි. විසඳුම සරලයි:
W3 Total Cache ප්ලගිනයේ සාමාන්‍ය සැකසුම් වෙත ගොස්, "සම්පීඩනය" විකල්පය සොයාගෙන , එය සලකුණු නොකරන්න. ඉන්පසු, ඉහළ දකුණු කෙළවරේ "Save Settings" යටතේ ඇති කුඩා ඊතලය ක්ලික් කර, " Save Settings and Clear 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 පළමුව භාවිතා කර, පසුව ගැටළු ඇති වුවහොත් ආපසු ඇමතුමක් භාවිතා කිරීමයි.
ඔබට සමාන ගැටළු ඇති වුවහොත්, හෝ මගේ ක්‍රමය අනුගමනය කිරීමෙන් පසුවත් ඔබට වෙනත් ගැටළු තිබේ නම්, ඒ ගැන සාකච්ඡා කිරීමට නිදහස් වන්න. වෙබ් අඩවි සංවර්ධනය යනු අත්හදා බැලීම් සහ දෝෂයන් පිළිබඳ ක්‍රියාවලියකි; කිසිවෙකු ව්‍යතිරේකයක් නොවේ.
මගේ ලිපිය කියෙව්වට ස්තූතියි. ඊළඟ වතාවේ හමුවෙමු.
චෙන් වෙයිලියැන්ග්ගේ බ්ලොග් අඩවියේ ( https://www.chenweiliang.com/ ) බෙදාගත් "W3 Total Cache Minify Plugin Settings: How to Choose the Embedding Type? My Pitfalls and Lifesaving Advice" යන ලිපිය ඔබට ප්‍රයෝජනවත් වනු ඇතැයි මම බලාපොරොත්තු වෙමි.
මෙම ලිපියේ සබැඳිය බෙදා ගැනීමට නිදහස් වන්න: https://www.chenweiliang.com/cwl-34003.html