3 คะแนน โดย xguru 2019-11-15 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

ด้วยสคริปต์ JS เพียงบรรทัดเดียว,

  • พรีโหลดเมื่อเมาส์ค้างอยู่เหนือลิงก์นานเกิน 65ms

  • บนอุปกรณ์มือถือ พรีโหลดทันทีเมื่อเริ่มแตะลิงก์

ทำให้ผู้ใช้รู้สึกว่าไซต์นี้เร็วขึ้น

โดยเฉลี่ยช่วยลดเวลาได้ราว 80~90ms ก่อนการคลิก/แตะ

==> Amazon เคยบอกว่าการลด latency ลง 100ms จะช่วยเพิ่มยอดขายได้ 1%

1 ความคิดเห็น

 
xguru 2019-11-15

ถ้าเป็นสภาพแวดล้อมที่การใช้ทรัพยากรค่อนข้างมากของผู้ใช้ไม่ใช่ปัญหา

ก็ใช้ quicklink ของ Google ได้เช่นกัน

อันนี้เป็นวิธีพรีโหลดลิงก์ทั้งหมดที่มองเห็นอยู่ใน viewport ระหว่างช่วงที่เบราว์เซอร์ว่าง

https://github.com/GoogleChromeLabs/quicklink