You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/km/5-browser-extension/3-background-tasks-and-perf.../assignment.md

100 lines
14 KiB

# វិភាគគេហទំព័រសម្រាប់ប្រសិទ្ធភាព
## ទិដ្ឋភាពទូទៅនៃការងារ
ការវិភាគប្រសិទ្ធភាពគឺជជំនាញសំខាន់សម្រាប់អ្នកអភិវឌ្ឍបណ្ដាញសម័យថ្មី។ ក្នុងការងារនេះ អ្នកនឹងធ្វើការត្រួតពិនិត្យលម្អិតលើប្រសិទ្ធភាពនៃគេហទំព័រពិតប្រាកដ មួយ ដោយប្រើឧបករណ៍នៅក្នុងកម្មវិធីរុករក និងសេវាកម្មពីភាគីទីបី ដើម្បីរកចំណុចរាំងខ្ទប់ ហើយផ្តល់យុទ្ធសាស្ត្រកែលម្អ។
ភារកិច្ចរបស់អ្នកគឺផ្តល់របាយការណ៍លម្អិតអំពីប្រសិទ្ធភាព ដែលបង្ហាញពីការយល់ដឹងរបស់អ្នកអំពីគោលការណ៍ប្រសិទ្ធភាពបណ្ដាញ និងសមត្ថភាពប្រើប្រាស់ឧបករណ៍វិភាគវិជ្ជាជីវៈយ៉ាងមានប្រសិទ្ធភាព។
## សេចក្តីណែនាំសម្រាប់ការងារ
**ជ្រើសរើសគេហទំព័រ** សម្រាប់វិភាគ - ជ្រើសរើសមួយក្នុងជម្រើសដូចខាងក្រោម៖
- គេហទំព័រដែលមានប្រជាប្រិយភាពដែលអ្នកប្រើប្រាស់ជាញឹកញាប់ (គេហទំព័រព័ត៌មាន បណ្ដាញសង្គម ហាងអេឡិចត្រូនិច)
- គេហទំព័រគម្រោងកូដបើកចំហ (GitHub pages, គេហទំព័រឯកសារកម្មវិធី)
- គេហទំព័រអាជីវកម្មក្នុងតំបន់ឬគេហទំព័របង្ហាញជំនាញ
- គម្រោងរបស់អ្នកឬការងារសិក្សាមុននាពេលក្រោយ
**ធ្វើវិភាគប្រសិទ្ធភាពដោយប្រើឧបករណ៍ច្រើន** ដោយយ៉ាងតិចបីវិធី៖
- **Browser DevTools** - ប្រើប័ត្រប្រសិទ្ធភាព Chrome/Edge សម្រាប់ពិនិត្យលម្អិត
- **ឧបករណ៍ត្រួតពិនិត្យតាមអនឡាញ** - ប្រើ Lighthouse, GTmetrix ឬ WebPageTest
- **វិភាគបណ្តាញ** - ពិនិត្យការផ្ទុកធនធាន ទំហំឯកសារ និងរចនាសម្ព័ន្ធសំណើ
**ចេញជារបាយការណ៍លម្អិត** ដែលរួមមាន៖
### វិភាគវិមាត្រ​ប្រសិទ្ធភាព
- **ការវាស់ពេលផ្ទុកប្រេកង់** ពីឧបករណ៍និងទស្សនៈច្រើនជាងមួយ
- **ពិន្ទុ Core Web Vitals** (LCP, FID, CLS) និងន័យនៃវា
- **បំបែកធនធាន** បង្ហាញថាធនធានណាអោយការផ្ទុកយូរជាងគេ
- **វិភាគទឹកជ្រៅបណ្តាញ** កំណត់ធនធានដែលរាំងខ្ទប់
### ការកំណត់បញ្ហា
- **ចំណុចរាំងខ្ទប់ជាក់លាក់** ជាមួយទិន្នន័យគាំទ្រ
- **វិភាគមូលហេតុ** របៀបដែលបញ្ហាភាពត្រូវកើតមាន
- **ប៉ះពាល់ដល់អ្នកប្រើប្រាស់** សង្ខេបពីអ្វីៗដែលបញ្ហាផ្ទាល់ដល់អ្នកប្រើប្រាស់ពិតប្រាកដ
- **កំណត់អាទិភាព** សម្រាប់ការជួសជុលដោយផ្អែកលើភាពធ្ងន់ធ្ងរ និងភាពលំបាក
### 제안ការកែលម្អ
- **ការកែលម្អជាក់លាក់ និងអាចអនុវត្តបាន** ជាមួយផលប៉ះពាល់ដែលរំពឹងទុក
- **យុទ្ធសាស្ត្រអនុវត្ត** សម្រាប់ការផ្លាស់ប្ដូរនីមួយៗ
- **អនុវត្តបទបច្ចេកទេសទំនើប** ដែលអាចប្រើ (lazy loading, ការបង្ហាប់ទិន្នន័យ, ល។)
- **ឧបករណ៍និងបច្ចេកទេស** សម្រាប់ត្រួតពិនិត្យប្រសិទ្ធភាពខ្ពស់យ៉ាងបន្ត
## តម្រូវការស្រាវជ្រាវ
**កុំពឹងផ្អែកតែឧបករណ៍រុករកប៉ុណ្ណោះ** - ពង្រីកវិភាគរបស់អ្នកដោយប្រើ៖
**សេវាកម្មត្រួតពិនិត្យពីភាគីទីបី៖**
- [Google Lighthouse](https://developers.google.com/web/tools/lighthouse) - ការត្រួតពិនិត្យទូលំទូលាយ
- [GTmetrix](https://gtmetrix.com/) - ចំណុចរបៀបប្រសើរនិងកែលម្អ
- [WebPageTest](https://www.webpagetest.org/) - លក្ខខណ្ឌសាកល្បងក្នុងពិភពពិត
- [Pingdom](https://tools.pingdom.com/) - ត្រួតពិនិត្យប្រសិទ្ធភាពជាសកល
**ឧបករណ៍វិភាគជាជាងពីរ៖**
- [Bundle Analyzer](https://bundlephobia.com/) - វិភាគទំហំ JavaScript bundle
- [Image optimization tools](https://squoosh.app/) - ឱកាសកែលម្អធនធានរូបភាព
- [Security headers analysis](https://securityheaders.com/) - អត្ថប្រយោជន៍សុវត្ថិភាពនៃរចនាសម្ព័ន្ធជៀសវាងហានិភ័យ
## ទ្រង់ទ្រាយសម្រាប់ការផ្តល់
បង្កើតរបាយការណ៍ជាអាជីព (2-3 ទំព័រ) ដែលរួមមាន៖
1. **សេចក្តីសង្ខេបប្រធានបទ** - លទ្ធផលសំខាន់ និងផែនការណែនាំ
2. **វិធីសាស្ត្រ** - ឧបករណ៍ដែលបានប្រើនិងវិធីសាស្ត្រសាកល្បង
3. **ការវាយតម្លៃប្រសិទ្ធភាពបច្ចុប្បន្ន** - ចំណុចគំរូនិងការវាស់តម្លៃ
4. **បញ្ហាដែលត្រូវបានរកឃើញ** - ការវិភាគបញ្ហាអ្នកជាមួយទិន្នន័យគាំទ្រ
5. **ការណែនាំ** - យុទ្ធសាស្ត្រកែលម្អដែលបានកំណត់អាទិភាព
6. **ផែនការអនុវត្ត** - ផែនការកែលម្អជំហាន១,២,៣
**រួមបញ្ចូលភស្តុតាងមើលឃើញ៖**
- រូបថត스크린នៃឧបករណ៍ប្រសិទ្ធភាពនិងវិមាត្រនានា
- ប្លង់ ឬក្រាបបង្ហាញទិន្នន័យប្រសិទ្ធភាព
- ការបញ្ច្រាស់មុន/បន្ទាប់ប្រសិនបើអាចធ្វើបាន
- ប្លង់ទឹកជ្រៅបណ្តាញនិងបែកផ្នែកធនធាន
## រូបមន្តវាយតម្លៃ
| លក្ខណៈពិសេស | ល្អឥតខ្ចោះ (90-100%) | ល្អគ្រប់គ្រាន់ (70-89%) | ត្រូវការកែលម្អ (50-69%) |
| -------- | ------------------- | ----------------- | -------------------------- |
| **ជម្រៅការវិភាគ** | វិភាគទូលំទូលាយដោយប្រើឧបករណ៍ 4+ ជាមួយវិមាត្រលម្អិត វិភាគមូលហេតុ និងការប៉ះពាល់អ្នកប្រើ | វិភាគល្អដោយប្រើឧបករណ៍ 3 ដោយមានវិមាត្រ​ងាយស្រួល និងបញ្ហាគ្រឹះ | វិភាគមូលដ្ឋានដោយប្រើឧបករណ៍ 2 ជាមួយជម្រៅកម្រិតទាប និងបញ្ហាអត់យ៉ាងតិច |
| **ការប្រើប្រាស់ឧបករណ៍ចម្រុះ** | ប្រើឧបករណ៍រុករក + សេវាកម្មពីភាគីទីបី 3+ ជាមួយការវិភាគប្រៀបធៀប និងចំណេះដឹងពីមួយម្ខាង | ប្រើឧបករណ៍រុករក + សេវាកម្មពីភាគីទីបី 2 ជាមួយការវិភាគប្រៀបធៀបមួយចំនួន | ប្រើឧបករណ៍រុករក + សេវាកម្មពីភាគីទីបី 1 ជាមួយការប្រៀបធៀបកម្រិតកំណត់ |
| **ការកំណត់បញ្ហា** | កំណត់បញ្ហាប្រសិទ្ធភាពច្រើនជាង 5 ជាមួយវិភាគមូលហេតុយ៉ាងលម្អិត និងប៉ះពាល់បរិមាណ | កំណត់បញ្ហាប្រសិទ្ធភាព 3-4 ជាមួយវិភាគល្អ និងវាស់ទំហំប៉ះពាល់តិចតួច | កំណត់បញ្ហាប្រសិទ្ធភាព 1-2 ជាមួយវិភាគមូលដ្ឋាន |
| **ការណែនាំ** | ផ្តល់ការណែនាំជាក់លាក់ អាចអនុវត្តបាន ជាមួយពិពណ៌នារបៀបអនុវត្ត និងផលប៉ះពាល់រំពឹងទុក បច្ចេកទេសទំនើប | ផ្តល់ការណែនាំល្អជាមួយការណែនាំអនុវត្តមួយចំនួន និងលទ្ធផលរំពឹងទុក | ផ្តល់ការណែនាំមូលដ្ឋានជាមួយពណ៌នាអនុវត្តកម្រិតទាប |
| **ការបង្ហាញជាអាជីព** | របាយការណ៍រៀបចំជាស្ថាបត្យកម្មច្បាស់លាស់ មានភស្តុតាងមើលឃើញ សេចក្តីសង្ខេបប្រធានបទ និងរចនាសម្ព័ន្ធអាជីព | រៀបចំបានល្អ មានភស្តុតាងមើលឃើញមួយចំនួន និងរចនាសម្ព័ន្ធច្បាស់ | រៀបចំមូលដ្ឋាន ហើយភស្តុតាងមើលឃើញតិច |
## លទ្ធផលសិក្សា
ដោយបំពេញការងារនេះ អ្នកនឹងបង្ហាញសមត្ថភាពក្នុងការរួមបញ្ចូល៖
- **អនុវត្ត** ឧបករណ៍និងវិធីវិភាគប្រសិទ្ធភាពដូចជាជំនាញវិជ្ជាជីវៈ
- **កំណត់** ចំណុចរាំងខ្ទប់ប្រសិទ្ធភាពដោយគោលការណ៍ផ្អែកលើទិន្នន័យ
- **វិភាគ** ទំនាក់ទំនងរវាងគុណភាពកូដនិងបទពិសោធន៍អ្នកប្រើ
- **ផ្តល់អនុសាសន៍** ចំពោះយុទ្ធសាស្ត្រកែលម្អជាក់លាក់ និងអាចអនុវត្តបាន
- **ផ្សព្វផ្សាយ** លទ្ធផលបច្ចេកទេសដោយរបៀបដ៏អាជីព
ការងារនេះជម្រុញយល់ដឹងអំពីគំនិតប្រសិទ្ធភាព ដោយផ្តល់ជំនាញបញ្ញាសកម្មដែលអ្នកនឹងប្រើប្រាស់ក្នុងអាជីពអភិវឌ្ឍបណ្ដាញរបស់អ្នក។
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ការបដិសេធកិត្តិយស**៖
ឯកសារនេះត្រូវបានបកប្រែដោយប្រើសេវាកម្មបកប្រែ AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ខណៈពេលដែលយើងខិតខំរកភាពត្រឹមត្រូវ សូមយកចិត្តទុកដាក់ថា ការបកប្រែដោយស្វ័យប្រវត្តិអាចមានកំហុស ឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមនៅក្នុងភាសាម្ចាស់ដើមគួរត្រូវបានគេចាត់ទុកជាប្រភពឯកទេស។ សម្រាប់ព័ត៌មានសំខាន់ៗ គួរត្រូវបានបកប្រែដោយមនុស្សជំនាញវិជ្ជាជីវៈ។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកស្រាយខុសផ្ទុយណាមួយដែលកើតមានពីការប្រើប្រាស់ការបកប្រែនេះឡើយ។
<!-- CO-OP TRANSLATOR DISCLAIMER END -->