ການໂຫຼດຫນ້າເວັບແມ່ນຫຍັງ? ດຶງຂໍ້ມູນໜ້າເວັບ preload instant.page technology

ຄວາມໄວໃນການໂຫຼດຫນ້າເວັບຈະມີຜົນກະທົບຂອງທ່ານການຄ້າທາງອີເລັກໂທຣນິກເວັບໄຊທ໌ໃນເຄື່ອງຈັກຊອກຫາSEOອັນດັບ.

ການໂຫຼດໜ້າເວັບແມ່ນຫຍັງ?

ມີເຕັກນິກທີ່ເອີ້ນວ່າ prefetch ເຊິ່ງຕົວຈິງແລ້ວແມ່ນເຕັກນິກການ preload.

• ເມື່ອຜູ້ໃຊ້ເຈດຕະນາເຂົ້າໄປເບິ່ງໜ້າໃດໜຶ່ງ, ຕົວທ່ອງເວັບຈະໂຫຼດໜ້າໄວ້ລ່ວງໜ້າ.
• ເມື່ອຜູ້ໃຊ້ຄລິກໃສ່ການເຊື່ອມຕໍ່ຢ່າງແທ້ຈິງ, ຜູ້ໃຊ້ໂດຍກົງອ່ານເນື້ອຫາຂອງຫນ້າຈາກ cache ທີ່ preloaded ແລະຫຼຸດຜ່ອນເວລາໂຫຼດຫນ້າ.
• Amazon ແລະອື່ນໆໄດ້ພົບວ່າ latency 100-millisecond ກວມເອົາ 1% ຂອງການຂາຍ, ແຕ່ latency ໃນເວັບແມ່ນຍາກທີ່ຈະເອົາຊະນະ.

ເອົາໜ້າເວັບກ່ອນການໃຊ້ການໂຫຼດລ່ວງໜ້າແມ່ນຫຍັງ?

instant.page ໃຊ້ການໂຫຼດລ່ວງໜ້າທັນທີ - ມັນໂຫຼດໜ້າໄວ້ລ່ວງໜ້າກ່ອນທີ່ຜູ້ໃຊ້ຈະຄລິກ ▼

• ກ່ອນທີ່ຜູ້ໃຊ້ຄລິກລິ້ງນັ້ນ, ເຂົາເຈົ້າເລື່ອນໃສ່ລິ້ງນັ້ນ.
• ເມື່ອຜູ້ໃຊ້ hovers ສໍາລັບ 65ms, ພວກເຂົາຈະມີໂອກາດທີ່ຈະຄລິກໃສ່ການເຊື່ອມຕໍ່, ດັ່ງນັ້ນ instant.page ເລີ່ມ preload ໃນຈຸດນີ້, ໂດຍສະເລ່ຍຫຼາຍກວ່າ 300ms ສໍາລັບຫນ້າທີ່ຈະ preload.
• ໃນອຸປະກອນມືຖື, ຜູ້ໃຊ້ເລີ່ມສໍາຜັດກັບຈໍສະແດງຜົນຂອງພວກເຂົາກ່ອນທີ່ຈະປ່ອຍ, ໃຊ້ເວລາສະເລ່ຍ 90ms ເພື່ອໂຫລດຫນ້າກ່ອນ.

Prefetch ເຮັດໃຫ້ຫນ້າເວັບໂຫລດໄວຂຶ້ນ

• ສະຫມອງຂອງມະນຸດໃຊ້ເວລາຫນ້ອຍກວ່າ 100 ມິນລິວິນາທີເພື່ອຮັບຮູ້ການກະທໍາທັນທີ.
• ດັ່ງນັ້ນ, ເທກໂນໂລຍີການໂຫຼດຫນ້າ instant.page ສາມາດເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານຮູ້ສຶກທັນທີເຖິງແມ່ນວ່າຢູ່ໃນ 3G (ສົມມຸດວ່າຄວາມໄວການສະແດງຫນ້າຂອງທ່ານໄວ).

ວິທີການແກ້ໄຂບັນຫາການໂຫຼດຫນ້າເວັບຊ້າ?

ຫນ້າເວັບຖືກໂຫລດໄວ້ລ່ວງຫນ້າພຽງແຕ່ເມື່ອມີຄວາມເປັນໄປໄດ້ສູງທີ່ຜູ້ໃຊ້ຈະໄປຢ້ຽມຢາມພວກເຂົາ, ແລະມັນພຽງແຕ່ preloads HTML ສໍາລັບຫນ້ານັ້ນ, ເຄົາລົບແບນວິດແລະ CPU ຂອງຜູ້ໃຊ້ແລະເຄື່ອງແມ່ຂ່າຍ.

• ມັນໃຊ້ຕົວຟັງເຫດການຕົວຕັ້ງຕົວຕີເພື່ອຮັກສາຫນ້າຂອງທ່ານໃຫ້ລຽບ.
• ມັນບໍ່ໄດ້ຖືກໂຫລດໄວ້ລ່ວງໜ້າເມື່ອຜູ້ໃຊ້ເປີດໃຊ້ການປົກປ້ອງຂໍ້ມູນ (ຕາມສະບັບ 1.2.2).
• ມັນເປັນ 1 kB ແລະໂຫຼດຫຼັງຈາກທຸກສິ່ງທຸກຢ່າງອື່ນ.ມັນບໍ່ເສຍຄ່າແລະແຫຼ່ງເປີດ (ໃບອະນຸຍາດ MIT).

ຜົນກະທົບຂອງການໂຫຼດໜ້າເວັບ Prefetch preloading instant.page ແມ່ນຫຍັງ?

ຫຼັງຈາກການທົດສອບການເພີ່ມລະຫັດ instant.page, ການປັບປຸງຄວາມໄວໃນການເຂົ້າເຖິງເວັບໄຊທ໌ແມ່ນຍັງຂ້ອນຂ້າງໃຫຍ່.

• ໂດຍຄ່າເລີ່ມຕົ້ນມັນຈະກັ່ນຕອງເພື່ອໂຫຼດໄວ້ລ່ວງໜ້າສະເພາະລິ້ງເວັບໄຊນີ້ ແລະຈະບໍ່ໂຫຼດລິ້ງຈາກເວັບໄຊອື່ນ.
• ເມື່ອເມົາສ໌ຄລິກໃສ່ລິ້ງບົດຄວາມຢູ່ທາງຊ້າຍຫຼາຍກວ່າ 65ms, ເຄືອຂ່າຍຈະໂຫຼດໜ້າບົດຄວາມໄວ້ລ່ວງໜ້າ.
• ເມື່ອເລື່ອນລົງໜ້ອຍກວ່າ 65ms, ການໂຫຼດລ່ວງໜ້າຈະບໍ່ຖືກປະຕິບັດ (ສ່ວນສີແດງ)▼

ການ​ນໍາ​ໃຊ້ instant.page ຈະ​ເພີ່ມ PV ຂອງ​ເວັບ​ໄຊ​ຂອງ​ທ່ານ​ຢ່າງ​ຫຼວງ​ຫຼາຍ​ແລະ​ປະ​ລິ​ມານ​ການ​ຮ້ອງ​ຂໍ​:

• ເພື່ອນຄົນຫນຶ່ງກ່າວວ່າຈໍານວນການຢ້ຽມຢາມໂດຍສະເລ່ຍຂອງລາວຕໍ່ການຢ້ຽມຢາມແມ່ນ 13.84.
• ຫຼັງຈາກການນໍາໃຊ້, ຈໍານວນການເຂົ້າຊົມຕໍ່ຫົວຄົນເພີ່ມຂຶ້ນເປັນ 17.43, ເຊິ່ງເທົ່າກັບການເປີດ 4 ຫນ້າຕໍ່ຄົນ.

ໝາຍ ເຫດ:

• ມັນຄວນຈະສັງເກດວ່ານັກຂຽນບລັອກທີ່ໃຊ້ CDNs ຈ່າຍແລະເປີດ CDNs ເຕັມເວັບໄຊທ໌ຄວນເຮັດຢ່າງລະມັດລະວັງ.
• ແຕ່ບໍ່ຕ້ອງກັງວົນ, preload ພຽງແຕ່ໂຫຼດຫນ້າ html, ຮູບພາບແລະໄຟລ໌ອື່ນໆຈະບໍ່, ດັ່ງນັ້ນຈະບໍ່ມີການສູນເສຍການຈະລາຈອນຫຼາຍ.

ໃຊ້ເທກໂນໂລຍີການໂຫຼດຫນ້າເວັບແນວໃດ?

ໃນຄວາມເປັນຈິງ, ມີຄຸນລັກສະນະ rel ໃນແທັກການເຊື່ອມໂຍງຂອງ html5, ຫນຶ່ງໃນນັ້ນແມ່ນ prefetch, ແຕ່ຈໍານວນຜູ້ບໍລິໂພກມີຫນ້ອຍ.

instant.page ທີ່ນໍາສະເຫນີໃນບົດຄວາມນີ້ແມ່ນສະຄິບທີ່ໃຊ້ເຕັກນິກນີ້.

• script ນີ້ຈະຕັດສິນໂດຍອີງໃສ່ໄລຍະເວລາທີ່ຜູ້ໃຊ້ຫນູຜ່ານການເຊື່ອມຕໍ່.
• ເມື່ອມັນຮອດ 65ms, ຜູ້ໃຊ້ມີໂອກາດເຄິ່ງຫນຶ່ງຂອງການເປີດການເຊື່ອມຕໍ່ແລະ Instant.page preloads ຫນ້ານີ້.

ໜ້າເວັບໂຫລດລະຫັດສະຄຣິບ JS ລ່ວງໜ້າ

1) ສະໜອງສະຄຣິບ JS ຢ່າງເປັນທາງການດ້ວຍການເລັ່ງ Cloudflare▼

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

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>

2) ສິດເສລີພາບໃນການເປັນເຈົ້າພາບChen Weiliangຂໍ້ສະເໜີ▼

• ສະຄຣິບອາໃສຢູ່ໃນເຊີບເວີ, Instantclick-1.2.2.js, ດັ່ງນັ້ນທ່ານບໍ່ຈໍາເປັນຕ້ອງກັງວົນກ່ຽວກັບສິ່ງທີ່ຊ້າລົງ. 

ກະລຸນາເພີ່ມລະຫັດຕໍ່ໄປນີ້ໃສ່ເວັບໄຊທ໌ຂອງທ່ານກ່ອນປ້າຍຊື່:

<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>