តើធ្វើដូចម្តេចដើម្បីធ្វើឱ្យ WordPress ខ្ជិលផ្ទុក JavaScript ដើម្បីបង្កើនល្បឿនការបង្ហាញទំព័រ?

WordPressខ្ជិលផ្ទុក JavaScript ដើម្បីបង្កើនល្បឿនវិធីសាស្ត្របង្ហាញទំព័រ។

តើអ្វីជាទ្រព្យសម្បត្តិ Defer របស់ JavaScript?

អ្នក​រាល់​គ្នា​ប្រហែល​ជា​ធ្លាប់​ជួប​នឹង​ស្ថានភាព​នេះ​ហើយ៖

មានអក្សរ N នៅក្នុងក្បាល ហើយនៅពេលដែលស្គ្រីបត្រូវបានផ្ទុក ការបង្ហាញទំព័រត្រូវបានរារាំង ដែលជាធម្មតាទទេ។

ជា​ការ​ពិត​ណាស់ យើង​អាច​ទទួល​បាន​បញ្ហា​នេះ​ដោយ​ដាក់​ស្គ្រីប​ក្នុង​ប្រភព​កូដ​ទៅ​ក្នុង​បាតកថា។

ទោះជាយ៉ាងណាក៏ដោយ បរិយាកាសអភិវឌ្ឍន៍ស្មុគ្រស្មាញមួយចំនួនអាចធ្វើឱ្យកិច្ចការសាមញ្ញនេះស្មុគស្មាញជាពិសេស។

ត្រង់ចំណុចនេះ យើងអាចប្រើ Defer property ដែលជាទ្រព្យសម្បត្តិដ៏កម្រនៅក្នុង JavaScript ។

អ្នកប្រហែលជាមិនដែលប្រើវាទេ ប៉ុន្តែបន្ទាប់ពីអានការណែនាំនេះ ខ្ញុំប្រាកដថាអ្នកនឹងមិនទុកវាចោលទេ។

មុខងារចម្បងរបស់វាគឺអនុញ្ញាតឱ្យស្គ្រីបញែកបន្ទាប់ពីទំព័រទាំងមូលត្រូវបានផ្ទុក ជំនួសឱ្យការញែកវានៅពេលផ្ទុក ដែលផ្តល់ល្បឿនផ្ទុកទំព័រពេញសម្រាប់ស្គ្រីបដែលមានតែ JavaScript ដែលបង្កដោយព្រឹត្តិការណ៍ប៉ុណ្ណោះ។

បាទ/ចាស ប្រសិនបើស្លាកស្គ្រីបមានគុណលក្ខណៈពន្យារ វានឹងត្រូវបានប្រតិបត្តិបន្ទាប់ពីញែកទំព័រ HTML ទោះបីជាវាត្រូវបានដាក់នៅក្នុងក្បាលក៏ដោយ ដែលស្រដៀងនឹងការដាក់ស្គ្រីបនៅខាងក្រោមទំព័រ។

ជា​ការ​ពិត​ណាស់ ការ​ប្រើ​ប្រាស់​នៃ​ការ​ពន្យារ​ពេល​ក៏​មាន​កម្រិត​ដែរ ជា​ធម្មតា​ត្រូវ​យក​ចិត្ត​ទុក​ដាក់​លើ 2 ចំណុច៖

1) កុំហៅពាក្យបញ្ជា document.write នៅក្នុងប្លុកស្គ្រីបប្រភេទពន្យាពេល។

• ដោយសារតែ document.write នឹងបង្កើតផលលទ្ធផលដោយផ្ទាល់។

2) កុំប្រើអថេរសកល ឬមុខងារនៅក្នុង Defer scripts រួមទាំងស្គ្រីបប្រតិបត្តិភ្លាមៗ។

បន្ថែមគុណលក្ខណៈ Defer ទៅស្គ្រីបដែលប្រើក្នុង WordPress

នៅក្នុង WordPress តើយើងអាចបន្ថែមគុណលក្ខណៈ Defer ដោយស្វ័យប្រវត្តិទៅស្គ្រីបដែលប្រើដោយ 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";
};

• លេខកូដខាងលើដំណើរការតែប៉ុណ្ណោះ នេះបើយោងតាម ​​​​កូដ JavaScript ណែនាំដោយ WordPressនឹងមានប្រសិទ្ធភាព។

ការប្រុងប្រយ័ត្ន។

ការគ្រប់គ្រងការមើលផ្ទាល់អាចបង្ហាញទទេ៖

ប្រសិនបើអ្នកប្រើកូដខាងលើ នៅពេលអ្នកបើកការគ្រប់គ្រងការមើលជាមុនតាមពេលវេលាជាក់ស្តែង (រូបរាង → ប្ដូរតាមបំណង) វាអាចបង្ហាញទទេ ដូច្នេះសូមប្រើវាតាមការសមរម្យ។

នៅពេលដែលត្រូវការការគ្រប់គ្រងការមើលជាមុនតាមពេលវេលាជាក់ស្តែង សូមបញ្ចេញមតិលើកូដខាងលើ ហើយលុបកូដដែលបានផ្តល់មតិបន្ទាប់ពីការប្ដូរតាមបំណងត្រូវបានបញ្ចប់។

ឧទាហរណ៍កូដមតិយោបល់របស់ PHP៖

/*

这里是代码 

*/