เส้นทางการแสดงผลวิกฤติ

Ilya Grigorik

เผยแพร่เมื่อ: 31 มีนาคม 2014

การเพิ่มประสิทธิภาพเส้นทางการแสดงผลที่สำคัญหมายถึงการจัดลําดับความสําคัญของการแสดงเนื้อหาที่เกี่ยวข้องกับการดําเนินการของผู้ใช้ในปัจจุบัน

เบราว์เซอร์ต้องทำงานหลายอย่างเพื่อให้คุณได้รับประสบการณ์การใช้งานเว็บที่รวดเร็ว การทำงานส่วนใหญ่นี้ซ่อนอยู่จากเราในฐานะนักพัฒนาเว็บ เราเขียนมาร์กอัป แล้วหน้าเว็บที่ดูดีก็ปรากฏขึ้นบนหน้าจอ แต่เบราว์เซอร์เปลี่ยนจากการใช้ HTML, CSS และ JavaScript ไปยังพิกเซลที่แสดงผลบนหน้าจอได้อย่างไร

การเพิ่มประสิทธิภาพเพื่อประสิทธิภาพที่ดีนั้นเกี่ยวข้องกับการทำความเข้าใจสิ่งที่เกิดขึ้นในขั้นตอนกลางเหล่านี้ระหว่างการรับไบต์ HTML, CSS และ JavaScript กับการประมวลผลที่จำเป็นเพื่อเปลี่ยนเป็นพิกเซลที่แสดงผล ซึ่งก็คือเส้นทางการแสดงผลที่สำคัญ

การแสดงผลหน้าเว็บแบบเป็นขั้นเป็นตอน

การเพิ่มประสิทธิภาพเส้นทางการแสดงผลที่สำคัญช่วยให้เราปรับปรุงเวลาในการแสดงผลหน้าเว็บครั้งแรกได้อย่างมาก นอกจากนี้ การทําความเข้าใจเส้นทางการแสดงผลที่สําคัญยังเป็นรากฐานสําหรับการสร้างแอปพลิเคชันแบบอินเทอร์แอกทีฟที่มีประสิทธิภาพดีด้วย กระบวนการอัปเดตแบบอินเทอร์แอกทีฟจะเหมือนกัน เพียงแต่ทำแบบวนซ้ำอย่างต่อเนื่องและควรอยู่ที่ 60 เฟรมต่อวินาที แต่ก่อนอื่น เรามาพูดถึงภาพรวมของวิธีที่เบราว์เซอร์แสดงหน้าเว็บแบบง่าย

แหล่งข้อมูลเพิ่มเติม

ความคิดเห็น