ลดการทำงานของเทรดหลัก

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

เทรดหลักจะประมวลผลเหตุการณ์ของผู้ใช้ด้วย ดังนั้น เมื่อใดก็ตามที่เทรดหลักไม่ว่างเนื่องจากทำงานอย่างอื่น หน้าเว็บอาจไม่ตอบสนองต่อการโต้ตอบของผู้ใช้ ซึ่งทำให้เกิดประสบการณ์การใช้งานที่ไม่ดี

Lighthouse จะแจ้งหน้าเว็บที่ให้ชุดข้อความหลักไม่ว่างเป็นเวลานานกว่า 4 วินาทีระหว่างการโหลด ดังนี้

ภาพหน้าจอของการตรวจสอบงานของ Lighthouse ย่อให้เหลือน้อยที่สุด

Lighthouse แสดงรายละเอียดของตำแหน่งที่ใช้เวลา CPU ขณะที่เบราว์เซอร์โหลดหน้าเว็บ เพื่อช่วยให้คุณระบุแหล่งที่มาของการโหลดเทรดหลักได้

วิธีลดงานของเทรดหลัก

ส่วนต่างๆ ด้านล่างนี้จัดเรียงตามหมวดหมู่ที่ Lighthouse รายงาน ดูโครงสร้างของเฟรมสำหรับภาพรวมวิธีที่ Chromium แสดงผลหน้าเว็บ

ดูลดการทำงานของเทรดหลักเพื่อเรียนรู้วิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบการทำงานของเทรดหลักเมื่อโหลดหน้าเว็บ

การประเมินสคริปต์

รูปแบบและเลย์เอาต์

การแสดงภาพ

การแยกวิเคราะห์ HTML และ CSS

การแยกวิเคราะห์และรวบรวมสคริปต์

บริการเก็บขยะ

แหล่งข้อมูล