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

14 KiB

វិភាគគេហទំព័រសម្រាប់ប្រសិទ្ធភាព

ទិដ្ឋភាពទូទៅនៃការងារ

ការវិភាគប្រសិទ្ធភាពគឺជជំនាញសំខាន់សម្រាប់អ្នកអភិវឌ្ឍបណ្ដាញសម័យថ្មី។ ក្នុងការងារនេះ អ្នកនឹងធ្វើការត្រួតពិនិត្យលម្អិតលើប្រសិទ្ធភាពនៃគេហទំព័រពិតប្រាកដ មួយ ដោយប្រើឧបករណ៍នៅក្នុងកម្មវិធីរុករក និងសេវាកម្មពីភាគីទីបី ដើម្បីរកចំណុចរាំងខ្ទប់ ហើយផ្តល់យុទ្ធសាស្ត្រកែលម្អ។

ភារកិច្ចរបស់អ្នកគឺផ្តល់របាយការណ៍លម្អិតអំពីប្រសិទ្ធភាព ដែលបង្ហាញពីការយល់ដឹងរបស់អ្នកអំពីគោលការណ៍ប្រសិទ្ធភាពបណ្ដាញ និងសមត្ថភាពប្រើប្រាស់ឧបករណ៍វិភាគវិជ្ជាជីវៈយ៉ាងមានប្រសិទ្ធភាព។

សេចក្តីណែនាំសម្រាប់ការងារ

ជ្រើសរើសគេហទំព័រ សម្រាប់វិភាគ - ជ្រើសរើសមួយក្នុងជម្រើសដូចខាងក្រោម៖

  • គេហទំព័រដែលមានប្រជាប្រិយភាពដែលអ្នកប្រើប្រាស់ជាញឹកញាប់ (គេហទំព័រព័ត៌មាន បណ្ដាញសង្គម ហាងអេឡិចត្រូនិច)
  • គេហទំព័រគម្រោងកូដបើកចំហ (GitHub pages, គេហទំព័រឯកសារកម្មវិធី)
  • គេហទំព័រអាជីវកម្មក្នុងតំបន់ឬគេហទំព័របង្ហាញជំនាញ
  • គម្រោងរបស់អ្នកឬការងារសិក្សាមុននាពេលក្រោយ

ធ្វើវិភាគប្រសិទ្ធភាពដោយប្រើឧបករណ៍ច្រើន ដោយយ៉ាងតិចបីវិធី៖

  • Browser DevTools - ប្រើប័ត្រប្រសិទ្ធភាព Chrome/Edge សម្រាប់ពិនិត្យលម្អិត
  • ឧបករណ៍ត្រួតពិនិត្យតាមអនឡាញ - ប្រើ Lighthouse, GTmetrix ឬ WebPageTest
  • វិភាគបណ្តាញ - ពិនិត្យការផ្ទុកធនធាន ទំហំឯកសារ និងរចនាសម្ព័ន្ធសំណើ

ចេញជារបាយការណ៍លម្អិត ដែលរួមមាន៖

វិភាគវិមាត្រ​ប្រសិទ្ធភាព

  • ការវាស់ពេលផ្ទុកប្រេកង់ ពីឧបករណ៍និងទស្សនៈច្រើនជាងមួយ
  • ពិន្ទុ Core Web Vitals (LCP, FID, CLS) និងន័យនៃវា
  • បំបែកធនធាន បង្ហាញថាធនធានណាអោយការផ្ទុកយូរជាងគេ
  • វិភាគទឹកជ្រៅបណ្តាញ កំណត់ធនធានដែលរាំងខ្ទប់

ការកំណត់បញ្ហា

  • ចំណុចរាំងខ្ទប់ជាក់លាក់ ជាមួយទិន្នន័យគាំទ្រ
  • វិភាគមូលហេតុ របៀបដែលបញ្ហាភាពត្រូវកើតមាន
  • ប៉ះពាល់ដល់អ្នកប្រើប្រាស់ សង្ខេបពីអ្វីៗដែលបញ្ហាផ្ទាល់ដល់អ្នកប្រើប្រាស់ពិតប្រាកដ
  • កំណត់អាទិភាព សម្រាប់ការជួសជុលដោយផ្អែកលើភាពធ្ងន់ធ្ងរ និងភាពលំបាក

제안ការកែលម្អ

  • ការកែលម្អជាក់លាក់ និងអាចអនុវត្តបាន ជាមួយផលប៉ះពាល់ដែលរំពឹងទុក
  • យុទ្ធសាស្ត្រអនុវត្ត សម្រាប់ការផ្លាស់ប្ដូរនីមួយៗ
  • អនុវត្តបទបច្ចេកទេសទំនើប ដែលអាចប្រើ (lazy loading, ការបង្ហាប់ទិន្នន័យ, ល។)
  • ឧបករណ៍និងបច្ចេកទេស សម្រាប់ត្រួតពិនិត្យប្រសិទ្ធភាពខ្ពស់យ៉ាងបន្ត

តម្រូវការស្រាវជ្រាវ

កុំពឹងផ្អែកតែឧបករណ៍រុករកប៉ុណ្ណោះ - ពង្រីកវិភាគរបស់អ្នកដោយប្រើ៖

សេវាកម្មត្រួតពិនិត្យពីភាគីទីបី៖

  • Google Lighthouse - ការត្រួតពិនិត្យទូលំទូលាយ
  • GTmetrix - ចំណុចរបៀបប្រសើរនិងកែលម្អ
  • WebPageTest - លក្ខខណ្ឌសាកល្បងក្នុងពិភពពិត
  • Pingdom - ត្រួតពិនិត្យប្រសិទ្ធភាពជាសកល

ឧបករណ៍វិភាគជាជាងពីរ៖

  • Bundle Analyzer - វិភាគទំហំ JavaScript bundle
  • Image optimization tools - ឱកាសកែលម្អធនធានរូបភាព
  • Security headers analysis - អត្ថប្រយោជន៍សុវត្ថិភាពនៃរចនាសម្ព័ន្ធជៀសវាងហានិភ័យ

ទ្រង់ទ្រាយសម្រាប់ការផ្តល់

បង្កើតរបាយការណ៍ជាអាជីព (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 ជាមួយវិភាគមូលដ្ឋាន
ការណែនាំ ផ្តល់ការណែនាំជាក់លាក់ អាចអនុវត្តបាន ជាមួយពិពណ៌នារបៀបអនុវត្ត និងផលប៉ះពាល់រំពឹងទុក បច្ចេកទេសទំនើប ផ្តល់ការណែនាំល្អជាមួយការណែនាំអនុវត្តមួយចំនួន និងលទ្ធផលរំពឹងទុក ផ្តល់ការណែនាំមូលដ្ឋានជាមួយពណ៌នាអនុវត្តកម្រិតទាប
ការបង្ហាញជាអាជីព របាយការណ៍រៀបចំជាស្ថាបត្យកម្មច្បាស់លាស់ មានភស្តុតាងមើលឃើញ សេចក្តីសង្ខេបប្រធានបទ និងរចនាសម្ព័ន្ធអាជីព រៀបចំបានល្អ មានភស្តុតាងមើលឃើញមួយចំនួន និងរចនាសម្ព័ន្ធច្បាស់ រៀបចំមូលដ្ឋាន ហើយភស្តុតាងមើលឃើញតិច

លទ្ធផលសិក្សា

ដោយបំពេញការងារនេះ អ្នកនឹងបង្ហាញសមត្ថភាពក្នុងការរួមបញ្ចូល៖

  • អនុវត្ត ឧបករណ៍និងវិធីវិភាគប្រសិទ្ធភាពដូចជាជំនាញវិជ្ជាជីវៈ
  • កំណត់ ចំណុចរាំងខ្ទប់ប្រសិទ្ធភាពដោយគោលការណ៍ផ្អែកលើទិន្នន័យ
  • វិភាគ ទំនាក់ទំនងរវាងគុណភាពកូដនិងបទពិសោធន៍អ្នកប្រើ
  • ផ្តល់អនុសាសន៍ ចំពោះយុទ្ធសាស្ត្រកែលម្អជាក់លាក់ និងអាចអនុវត្តបាន
  • ផ្សព្វផ្សាយ លទ្ធផលបច្ចេកទេសដោយរបៀបដ៏អាជីព

ការងារនេះជម្រុញយល់ដឹងអំពីគំនិតប្រសិទ្ធភាព ដោយផ្តល់ជំនាញបញ្ញាសកម្មដែលអ្នកនឹងប្រើប្រាស់ក្នុងអាជីពអភិវឌ្ឍបណ្ដាញរបស់អ្នក។


ការបដិសេធកិត្តិយស៖ ឯកសារនេះត្រូវបានបកប្រែដោយប្រើសេវាកម្មបកប្រែ AI Co-op Translator។ ខណៈពេលដែលយើងខិតខំរកភាពត្រឹមត្រូវ សូមយកចិត្តទុកដាក់ថា ការបកប្រែដោយស្វ័យប្រវត្តិអាចមានកំហុស ឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមនៅក្នុងភាសាម្ចាស់ដើមគួរត្រូវបានគេចាត់ទុកជាប្រភពឯកទេស។ សម្រាប់ព័ត៌មានសំខាន់ៗ គួរត្រូវបានបកប្រែដោយមនុស្សជំនាញវិជ្ជាជីវៈ។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកស្រាយខុសផ្ទុយណាមួយដែលកើតមានពីការប្រើប្រាស់ការបកប្រែនេះឡើយ។