ការបង្កើនប្រសិទ្ធភាព Core Web Vitals សម្រាប់គេហទំព័រអាជីវកម្ម
សូចនាករបីដែលកំណត់បទពិសោធន៍អ្នកប្រើ និងចំណាត់ថ្នាក់ SEO ព្រមទាំងវិធីដែលយើងជំរុញពិន្ទុ Lighthouse ឱ្យលើស 95។
អ្នកប្រើចាកចេញក្នុងរយៈពេលបីវិនាទីដំបូងប្រសិនបើទំព័រដំណើរការយឺត។ Google ដឹងរឿងនេះច្បាស់ ហើយចាប់តាំងពីឆ្នាំ 2021 បានធ្វើឱ្យ Core Web Vitals ក្លាយជាកត្តាចំណាត់ថ្នាក់។ សម្រាប់គេហទំព័រអាជីវកម្ម ល្បឿនលែងជាព័ត៌មានលម្អិតបច្ចេកទេសទៀតហើយ — វាគឺជាប្រាក់ចំណូល។
សូចនាករបីដែលត្រូវចងចាំ
LCP វាស់ពេលដែលធាតុធំបំផុតលេចឡើង។ INP វាស់ការពន្យារពេលនៃការបញ្ចូល។ CLS វាស់ការផ្លាស់ប្តូរប្លង់។ ទំព័រល្អត្រូវការ LCP ក្រោម 2.5 វិនាទី, INP ក្រោម 200ms និង CLS ក្រោម 0.1។
- LCP — បង្កើនប្រសិទ្ធភាពរូបភាព និងផ្តល់អាទិភាពដល់មាតិកានៅផ្នែកខាងលើនៃអេក្រង់។
- INP — បំបែក JavaScript និងជៀសវាងការទប់ស្កាត់ខ្សែស្រឡាយមេ។
- CLS — រក្សាទុកទំហំថេរសម្រាប់រូបភាព ពុម្ពអក្សរ និងការផ្សាយពាណិជ្ជកម្ម។
របៀបដែលយើងសម្រេចបានលើស 95
យើងចាប់ផ្តើមពីស្ថាបត្យកម្ម៖ server-side rendering ការបំបែក bundle តាមផ្លូវ និងការ lazy-load អ្វីៗទាំងអស់នៅផ្នែកខាងក្រោមនៃអេក្រង់។ រូបភាពត្រូវបានបញ្ជូនជា AVIF/WebP តាមទំហំឧបករណ៍ ពុម្ពអក្សរផ្ទុកដោយ font-display: swap ដើម្បីឱ្យអក្សរលេចឡើងភ្លាមៗ។
ប្រសិទ្ធភាពមិនមែនជាការងារធ្វើតែម្តងនោះទេ។ វាគឺជាវិន័យក្នុង pull request នីមួយៗ។
— Huy Nguyễn
ចុងក្រោយ យើងបន្ថែមការតាមដានអ្នកប្រើពិតប្រាកដ (RUM) ដើម្បីតាមដានសូចនាករនៅលើឧបករណ៍ពិត មិនមែនត្រឹមតែក្នុងមន្ទីរពិសោធន៍ទេ។ នោះគឺជាភាពខុសគ្នារវាងលេខស្អាត និងបទពិសោធន៍លឿនពិតប្រាកដ។
មានបទពិសោធន៍ប្រាំបីឆ្នាំក្នុងការបង្កើនប្រសិទ្ធភាពដំណើរការគេហទំព័រសម្រាប់ផលិតផលធំៗ។ ជឿជាក់ថាល្បឿនគឺជាមុខងារមួយ។