เผยแพร่เมื่อ: 31 มีนาคม 2014
การเพิ่มประสิทธิภาพเส้นทางการแสดงผลที่สำคัญหมายถึงการจัดลําดับความสําคัญของการแสดงเนื้อหาที่เกี่ยวข้องกับการดําเนินการของผู้ใช้ในปัจจุบัน
เบราว์เซอร์ต้องทำงานหลายอย่างเพื่อให้ประสบการณ์การใช้งานเว็บรวดเร็ว ส่วนใหญ่ของ งานนี้ซ่อนไม่ให้เราเห็นในฐานะนักพัฒนาเว็บ เราเขียนมาร์กอัป และ ที่กำลังดูอยู่แสดงออกมาบนหน้าจอ แต่เบราว์เซอร์มาจาก ใช้ HTML, CSS และ JavaScript เพื่อแสดงพิกเซลบนหน้าจอใช่ไหม
การเพิ่มประสิทธิภาพเป็นเรื่องของการทำความเข้าใจถึงสิ่งที่เกิดขึ้นใน ขั้นตอนระดับกลางระหว่างการรับไบต์ HTML, CSS และ JavaScript และ การประมวลผลที่จำเป็นเพื่อเปลี่ยน การแสดงผลเป็นพิกเซลที่แสดงผล เส้นทางการแสดงผลวิกฤติ
การเพิ่มประสิทธิภาพเส้นทางการแสดงผลวิกฤติ เราสามารถปรับปรุง ในการแสดงผลหน้าเว็บครั้งแรก นอกจากนี้ การทําความเข้าใจเส้นทางการแสดงผลที่สําคัญยังเป็นรากฐานสําหรับการสร้างแอปพลิเคชันแบบอินเทอร์แอกทีฟที่มีประสิทธิภาพดีด้วย ขั้นตอนการอัปเดตแบบอินเทอร์แอกทีฟเหมือนกัน แต่เกิดขึ้นแบบเล่นวนซ้ำปละอยู่ที่ 60 เฟรมต่อวินาที แต่ก่อนอื่น เรามาพูดถึงภาพรวมของวิธีที่เบราว์เซอร์แสดงหน้าเว็บแบบง่าย
แหล่งข้อมูลเพิ่มเติม
- การสร้างโมเดลออบเจ็กต์
- การสร้าง เลย์เอาต์ และทาสีแบบต้นไม้
- CSS ที่บล็อกการแสดงผล
- การเพิ่มการโต้ตอบด้วย JavaScript
- การวัดเส้นทางการแสดงผลวิกฤต
- การวิเคราะห์ประสิทธิภาพเส้นทางการแสดงผลที่สำคัญ
- การเพิ่มประสิทธิภาพเส้นทางการแสดงผลที่สำคัญ
- กฎและคำแนะนำของ PageSpeed