06 ต.ค. 2566
649
คุณลักษณะทดลองของ Google ที่ทำให้หน้าเว็บเร็วขึ้น
เมื่อไม่นานที่ผ่านมา Google ประกาศการทดลองใช้ต้นกำเนิด สำหรับคุณลักษณะใหม่ที่มีอยู่ใน Chrome ในขณะนี้ ซึ่งจะเพิ่มความเร็วของหน้าไปสู่ระดับใหม่
Google ประกาศวิธีใหม่ในการเรียกใช้ JavaScript ที่ปรับปรุงการตอบสนองของหน้าเว็บ ซึ่งช่วยให้ผู้เผยแพร่ที่ใช้ JavaScript เอาชนะคู่แข่งในเมตริก Web Vitals หลักใหม่
ซึ่งการประกาศดังกล่าว เป็นการเผยให้เห็นถึงวิธีการเพิ่มประสิทธิภาพการทำงานของหน้าเว็บ ดังนั้นหากการทดลองนี้ประสบความสำเร็จ อาจเป็นสิ่งที่ผู้เผยแพร่ทั่วทั้งแพลตฟอร์ม และระบบการจัดการเนื้อหาทั้งหมดต้องการใช้เพื่อก้าวนำหน้าคู่แข่งของตน!!
ปัญหาที่ Google กำลังแก้ไข
1. การโต้ตอบกับสีถัดไป (INP) เป็นหน่วยเมตริกที่ใช้แทน First Input Delay (FID)
2. INP มีกำหนดเผยแพร่เป็นเมตริกสำคัญของ Core Web ในเดือนมีนาคม 2024
3. เพื่อให้ได้คะแนนสูงใน INP core web vital ที่จะถึงนี้ หน้าเว็บจะต้องตอบสนองต่อทุกการโต้ตอบของผู้ใช้ที่เป็นไปได้
4. สิ่งหนึ่งที่ทำให้คะแนน INP ต่ำคือ JavaScript บางตัวใช้เวลานานในการรัน
5. เมื่อสคริปต์เหล่านี้ใช้เวลานานในการรัน จะเรียกว่างานแบบยาว
6. ปัญหาของ Long Tasks คือพวกมันเหมือนกับคนขับที่เชื่องช้าบนถนนที่แล่นไปในเลนที่รวดเร็ว ซึ่งทำให้ Traffic ช้าลง
7. สิ่งที่เกิดขึ้นในปัจจุบันคือสคริปต์ที่ควบคุมการโต้ตอบของผู้ใช้ถูกบล็อกโดยงานที่ยาวนาน ทำให้หน้าเว็บไม่ตอบสนอง
8. ผู้ใช้ในสถานการณ์นั้นรอและรอให้เพจทำอะไรบางอย่างหลังจากคลิกปุ่ม
9. สิ่งที่มักเกิดขึ้นในหน้าเว็บจำนวนมากในปัจจุบันคือ การโต้ตอบของผู้ใช้ต้องรอจนกว่างานที่ยาวนานจะเสร็จสิ้น
10. รูปภาพด้านล่างแสดงให้เห็นว่างานใช้เวลานานเพียงใดในการบล็อกงานการโต้ตอบที่สำคัญของผู้ใช้ไม่ให้ทำงาน
โอกาสที่เราจะก้าวนำหน้าคู่แข่ง
ย้ำ!! "คุณลักษณะใหม่นี้ ในขณะนี้อยู่ระหว่างการทดสอบ"
แต่เนื่องจาก INP มีกำหนดจะกลายเป็นเมตริก Web Vitals หลักอย่างเป็นทางการในเดือนมีนาคม 2024 การติดตามฟีเจอร์ใหม่ของ Chrome นี้จึงอาจมีประโยชน์ และนำไปใช้ได้ไม่ช้าก็เร็วเมื่อออกจากระยะทดลองแล้ว
ดังนั้น การนำคุณลักษณะนี้ไปใช้ตอนนี้อาจเป็นวิธีที่ดีในการนำหน้าคู่แข่ง ตราบใดที่เบราว์เซอร์ที่ยังไม่ได้นำคุณลักษณะใหม่มาใช้
การลงทะเบียนเพื่อทดลองใช้ต้นทางของ scheduler.yield: สามารถทำได้ที่นี่
อ่านคำอธิบายเกี่ยวกับการเพิ่มประสิทธิภาพสำหรับงานที่ยาวนาน: เพิ่มประสิทธิภาพงานที่ยาวนาน
ไปที่หน้าตัวอธิบาย GitHub สำหรับ scheduler.yield api: กำหนดการ.ผลผลิต()
ขอแนะนำการทดลองใช้ต้นทางของ scheduler.yield
https://developer.chrome.com/blog/introducing-scheduler-yield-origin-trial/
---Wynnsoft Solution รับทำเว็บไซต์ รับทำ SEO รับทำการตลาดออนไลน์ รับทำโฆษณา Facebook รับทำเว็บไซต์ ขอนแก่น และรับทำเว็บไซต์ทั่วประเทศ—
ข้อมูลจาก: searchenginejournal