Core Web Vitals Annotations ໃນ Chrome ກັບ OffiDocs

ລາຍລະອຽດ

ສ່ວນຂະຫຍາຍນີ້ຈະທັບຊ້ອນຄໍາບັນຍາຍໃສ່ເວັບໄຊທ໌ຂອງທ່ານເພື່ອເນັ້ນໃສ່ຄຸນລັກສະນະຂອງຫນ້າທີ່ມີຜົນກະທົບກັບຕົວຊີ້ວັດປະສິດທິພາບຂອງ Core Web Vitals, First Input Delay (FID), Largest Contentful Paint (LCP) ແລະ cumulative Layout Shift (CLS).

ມັນຍັງລາຍງານການວັດແທກ Core Web Vitals ສໍາລັບຫນ້າ, ໂດຍໃຊ້ລະດັບສີທີ່ແນະນໍາຂອງ Google.

ສອງປະເພດຂອງຄຳອະທິບາຍປະກອບຈະຖືກວາງຊ້ອນໃສ່ອົງປະກອບຂອງໜ້າເວັບ: 1. ອົງປະກອບທີ່ມີການປ່ຽນໂຄງຮ່າງ ແລະປະກອບສ່ວນໃຫ້ຄະແນນສະສົມຂອງໂຄງຮ່າງການປ່ຽນ.

ຂຶ້ນຢູ່ກັບຄວາມຮຸນແຮງຂອງການປ່ຽນແປງ, ຄໍາບັນຍາຍຈະເປັນສີລະຫັດຈາກຜົນກະທົບຕ່ໍາສຸດເຖິງສູງສຸດ - ສີເຫຼືອງ -> ສີສົ້ມ -> ສີສົ້ມຊ້ໍາ -> ສີແດງ.

ໃນແຈເບື້ອງຊ້າຍດ້ານເທິງຂອງແຕ່ລະຄໍາບັນຍາຍທ່ານຈະເຫັນການປ່ຽນແປງຄະແນນ.

2. ອົງປະກອບທີ່ມີເນື້ອໃນທີ່ມີເນື້ອໃນໃຫຍ່ທີ່ສຸດຈະຖືກເນັ້ນໃສ່ດ້ວຍຄໍາບັນຍາຍສີມ່ວງ.

ມັນ​ຈະ​ປະ​ກອບ​ມີ​ທີ່​ໃຊ້​ເວ​ລາ​ສີ​ຢູ່​ໃນ​ແຈ​ເບື້ອງ​ຊ້າຍ​ດ້ານ​ເທິງ​ຂອງ​ຄໍາ​ບັນ​ຍາຍ​.

ປັອບອັບສ່ວນຂະຫຍາຍຄວນເປີດຕາໜ່າງທີ່ມີເວລາວັດແທກ FID, LCP ແລະ CLS.

ຢູ່ດ້ານລຸ່ມຂອງປ໊ອບອັບແມ່ນປຸ່ມເພື່ອເອົາຄໍາບັນຍາຍອອກຈາກເວັບໄຊທ໌.

ຍົກ​ເວັ້ນ​ສໍາ​ລັບ​ການ​ທາ​ສີ​ເນື້ອ​ໃນ​ທີ່​ໃຫຍ່​ທີ່​ສຸດ​, metrics Core Web Vitals ແມ່ນ​ຜູ້​ໃຊ້​ລິ​ເລີ່ມ​.

ໃຫ້ສັງເກດຕໍ່ໄປນີ້ເມື່ອທ່ານໃຊ້ plugin ແລະ debug ເວັບໄຊທ໌ຂອງທ່ານ: - ການຊັກຊ້າການປ້ອນຂໍ້ມູນທໍາອິດຖືກຈັບຫຼັງຈາກຜູ້ໃຊ້ຄລິກຫຼືແຕະທີ່ປຸ່ມໃນຫນ້າເວັບ.

ຖ້າທ່ານເປີດສ່ວນຂະຫຍາຍກ່ອນຫນຶ່ງໃນການປະຕິບັດເຫຼົ່ານັ້ນ, ທ່ານຈະສັງເກດເຫັນວ່າ metric ຫາຍໄປຈາກຕາຂ່າຍໄຟຟ້າ.

ເພື່ອໃຫ້ໄດ້ຮັບການຊັກຊ້າການປ້ອນຂໍ້ມູນທໍາອິດ, ປິດສ່ວນຂະຫຍາຍ, ເຮັດການດໍາເນີນການຂອງຜູ້ໃຊ້ໃນຫນ້າ, ແລະຫຼັງຈາກນັ້ນເປີດໃຫມ່.

- Cumulative Layout Shift ແມ່ນການສະສົມຂອງ shift ໃນໜ້າ.

ໃນຂະນະທີ່ທ່ານເລື່ອນຜ່ານຫນ້າ, ທ່ານອາດຈະເຫັນການປ່ຽນແປງເພີ່ມເຕີມແລະສ່ວນຂະຫຍາຍຈະເພີ່ມຄໍາບັນຍາຍໃຫມ່ແບບເຄື່ອນໄຫວ.

ຊ່ອງປັອບອັບທີ່ລາຍງານຄະແນນທັງໝົດຍັງຈະເພີ່ມຂຶ້ນເມື່ອມີການປ່ຽນແປງຫຼາຍຂຶ້ນ.

- ຄໍາບັນຍາຍ Shift Layout ສະສົມເນັ້ນໃສ່ອົງປະກອບທີ່ຍ້າຍ, ** ບໍ່ແມ່ນອົງປະກອບທີ່ເຮັດໃຫ້ເກີດການປ່ຽນແປງ **.

ຕົວຢ່າງ, ຖ້າໂຄສະນາໂຫຼດຊ້າໃນຫນ້າ, ມັນອາດຈະຍູ້ບາງອົງປະກອບຂ້າງລຸ່ມນີ້ລົງ, ເຊິ່ງກໍ່ໃຫ້ເກີດການປ່ຽນແປງ.

ອົງປະກອບຂ້າງລຸ່ມນີ້ໂຄສະນາອາດຈະຖືກເນັ້ນໃສ່, ແລະອາດຈະເປັນການໂຄສະນາ.

- ຕາມຕົວຢ່າງໂຄສະນາຂ້າງເທິງ, ຫຼາຍໆອົງປະກອບໃນຫນ້າອາດຈະຖືກປ່ຽນຫຼັງຈາກໂຄສະນາຖືກໂຫລດ.

ໃນກໍລະນີດັ່ງກ່າວ, ພຽງແຕ່ຫນຶ່ງຄະແນນການປ່ຽນແປງຈະຖືກບັນທຶກໄວ້, ແຕ່ທັງຫມົດຂອງອົງປະກອບທີ່ໄດ້ຮັບຜົນກະທົບຈະຖືກເນັ້ນໃສ່ກັບຄໍາບັນຍາຍ.

ໃນກໍລະນີນີ້, ທ່ານຄວນເຫັນລູກສອນ (↳) ຖັດຈາກຄະແນນການປ່ຽນແປງທີ່ລະບຸໄວ້ເຊິ່ງຫມາຍເຖິງການຈັດກຸ່ມຂອງອົງປະກອບທີ່ປ່ຽນກັນ.

ຂໍ້​ມູນ​ເພີ່ມ​ເຕີມ:

- ສະເຫນີໂດຍ delambo
- ຄະ​ແນນ​ສະ​ເລ່ຍ​: 5 ດາວ (ຮັກ​ມັນ​)
- ນັກພັດທະນາ ທີ່ຢູ່ອີເມວນີ້ຈະຖືກປ້ອງກັນຈາກສະແປມບອດ. ທ່ານຈໍາເປັນຕ້ອງເປີດການໃຊ້ງານຈາວາດຄິບກ່ອນ.

ເວັບໄຊຕ໌ Core Web Vitals Annotations extension ປະສົມປະສານກັບ OffiDocs Chromium ອອນໄລນ໌