ค้นพบปัญหาเกี่ยวกับประสิทธิภาพการแสดงผล

Sofia Emelianova
Sofia Emelianova
Kayce Basques
Kayce Basques

ดูปัญหาด้านประสิทธิภาพการแสดงผลด้วยข้อมูลอ้างอิงเกี่ยวกับตัวเลือกที่เกี่ยวข้องกับประสิทธิภาพในแท็บการแสดงผล

ไฮไลต์พื้นที่ที่ทาสีใหม่ด้วยการกะพริบสี

เมื่อเปิดตัวเลือกนี้ Chrome จะกะพริบหน้าจอเป็นสีเขียวทุกครั้งที่มีการวาดภาพใหม่

วิธีดูพื้นที่ที่กำลังทาสีใหม่

  1. เปิดแท็บการแสดงผลในการสาธิตนี้ แล้วเลือกการกะพริบของสี
  2. ดูการทาสีใหม่ซึ่งไฮไลต์ด้วยสีเขียว
การกะพริบในการแสดงผล

หากเห็นทั้งหน้าจอของหน้าเว็บอื่นกะพริบเป็นสีเขียวหรือเห็นพื้นที่บนหน้าจอที่คุณคิดว่าไม่ควรมีการวาด ให้ลองตรวจสอบเพิ่มเติม

ไฮไลต์บริเวณที่มีการเปลี่ยนเลย์เอาต์

การเปลี่ยนเลย์เอาต์ทำให้ระบบต้องวาดภาพใหม่โดยไม่คาดคิด และอาจสร้างความรำคาญและอันตรายได้

Screencast ที่แสดงให้เห็นว่าความไม่เสถียรของเลย์เอาต์ส่งผลเสียต่อผู้ใช้อย่างไร

วิธีดูตําแหน่งและเวลาของการเปลี่ยนเลย์เอาต์ในหน้าเว็บ

  1. เปิดแท็บการแสดงผล แล้วตรวจสอบบริเวณที่มีการเปลี่ยนเลย์เอาต์

  2. รีเฟรชหน้าเว็บ ระบบจะไฮไลต์บริเวณที่มีการเปลี่ยนเลย์เอาต์เป็นสีม่วงเป็นระยะเวลาสั้นๆ

การเปลี่ยนเลย์เอาต์

ดูเลเยอร์และไทล์ที่มีเส้นขอบของเลเยอร์

ใช้ขอบเลเยอร์เพื่อดูการซ้อนทับของขอบเลเยอร์และไทล์ที่ด้านบนของหน้า

วิธีเปิดใช้เส้นขอบของเลเยอร์

  1. เปิดแท็บการแสดงผล แล้วเลือกขอบเลเยอร์
  2. สังเกตเส้นขอบเลเยอร์เป็นสีส้มและสีเขียวมะกอก และไทล์เป็นสีน้ำเงินเขียว