กระบวนการแสดงผลของเบราว์เซอร์คือสิ่งที่เปลี่ยนโค้ดให้เป็นหน้าเว็บที่ผู้ใช้โต้ตอบกับได้ โดยค่าเริ่มต้น เทรดหลักของกระบวนการแสดงผลจะจัดการโค้ดส่วนใหญ่ กล่าวคือ แยกวิเคราะห์ HTML และสร้าง DOM, แยกวิเคราะห์ CSS และใช้รูปแบบที่ระบุ รวมถึงแยกวิเคราะห์ ประเมิน และเรียกใช้ JavaScript
เทรดหลักจะประมวลผลเหตุการณ์ของผู้ใช้ด้วย ดังนั้น เมื่อใดก็ตามที่เทรดหลักไม่ว่างเนื่องจากทำงานอย่างอื่น หน้าเว็บอาจไม่ตอบสนองต่อการโต้ตอบของผู้ใช้ ซึ่งทำให้เกิดประสบการณ์การใช้งานที่ไม่ดี
วิธีที่การตรวจสอบการทำงานของเทรดหลักของ Lighthouse ไม่สำเร็จ
Lighthouse จะแจ้งหน้าเว็บที่ให้ชุดข้อความหลักไม่ว่างเป็นเวลานานกว่า 4 วินาทีระหว่างการโหลด ดังนี้
Lighthouse แสดงรายละเอียดของตำแหน่งที่ใช้เวลา CPU ขณะที่เบราว์เซอร์โหลดหน้าเว็บ เพื่อช่วยให้คุณระบุแหล่งที่มาของการโหลดเทรดหลักได้
วิธีลดงานของเทรดหลัก
ส่วนต่างๆ ด้านล่างนี้จัดเรียงตามหมวดหมู่ที่ Lighthouse รายงาน ดูโครงสร้างของเฟรมสำหรับภาพรวมวิธีที่ Chromium แสดงผลหน้าเว็บ
ดูลดการทำงานของเทรดหลักเพื่อเรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบการทำงานของเทรดหลักเมื่อโหลดหน้าเว็บ
การประเมินสคริปต์
รูปแบบและเลย์เอาต์
- ลดขอบเขตและความซับซ้อนของการคำนวณสไตล์
- หลีกเลี่ยงการใช้เลย์เอาต์ที่ใหญ่และซับซ้อน รวมถึงการจัดเลย์เอาต์