การอัปเดต Lighthouse 2.6

Brendan Kenny

Kayce Basques

Lighthouse 2.6 เปิดตัวแล้ว ไฮไลต์มีดังนี้

• การตรวจสอบประสิทธิภาพใหม่
• การปรับปรุงคะแนนส่วนการช่วยเหลือพิเศษ
• การปรับปรุง UX ของรายงาน
• แก้ไขข้อบกพร่องในการตรวจสอบสัดส่วนภาพ

โปรดดูบันทึกประจำรุ่น 2.6 สำหรับรายการทั้งหมดของฟีเจอร์ใหม่ การเปลี่ยนแปลง และการแก้ไขข้อบกพร่อง

วิธีอัปเดตเป็น 2.6

• NPM เรียกใช้ npm update lighthouse เรียกใช้แฟล็ก npm update lighthouse -g หากคุณติดตั้ง Lighthouse ไว้ทั่วโลก
• ส่วนขยาย Chrome ส่วนขยายควรอัปเดตโดยอัตโนมัติ แต่คุณจะอัปเดตด้วยตนเองได้ผ่านทาง chrome://extensions
• เครื่องมือสำหรับนักพัฒนาเว็บ เราจะจัดส่งแผงการตรวจสอบด้วย 2.6 ใน Chrome 65 คุณตรวจสอบเวอร์ชัน ของ Chrome ที่ใช้อยู่ผ่านทาง chrome://version ได้ Chrome จะอัปเดตเป็นเวอร์ชันใหม่ทุก 6 สัปดาห์โดยประมาณ คุณเรียกใช้โค้ด Chrome ล่าสุดได้โดยดาวน์โหลด Chrome Canary

การตรวจสอบประสิทธิภาพใหม่

เวลาเปิดเครื่อง JavaScript สูง

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

รูปที่ 1 มีการตรวจสอบเวลาเปิดเครื่อง JavaScript สูง

ใช้นโยบายแคชที่ไม่มีประสิทธิภาพกับเนื้อหาคงที่

ตรวจสอบว่าเบราว์เซอร์แคชทรัพยากรแต่ละรายการอย่างถูกต้อง

รูปที่ 2 ใช้นโยบายแคชที่ไม่มีประสิทธิภาพในการตรวจสอบเนื้อหาแบบคงที่

หลีกเลี่ยงการเปลี่ยนเส้นทางหน้าเว็บ

การเปลี่ยนเส้นทางหน้าเว็บจะเพิ่มรอบเครือข่ายเพิ่มขึ้น 1 รอบ หรือ 2 รอบหากต้องใช้การค้นหา DNS เพิ่มเติม ลดการเปลี่ยนเส้นทางเพื่อลดเวลาในการโหลดหน้าเว็บ

รูปที่ 3 การตรวจสอบหลีกเลี่ยงการเปลี่ยนเส้นทางหน้าเว็บ

คะแนนส่วนการช่วยเหลือพิเศษอีกครั้ง

ใน Lighthouse 2.6 คะแนนรวมการเข้าถึงจะคำนวณต่างออกไป คะแนนนี้จะถ่วงน้ำหนักการตรวจสอบการช่วยเหลือพิเศษแต่ละรายการตามความรุนแรงของผลกระทบต่อประสบการณ์ของผู้ใช้ รวมถึงความถี่ในการเกิดปัญหาตามชุดข้อมูล HTTP Archive ดู googlechrome/lighthouse/issues/3444 สำหรับการพูดคุยในเชิงลึก

รายงานการปรับปรุง UX

หมายเหตุ: การอัปเดตเหล่านี้อยู่ใน Lighthouse เวอร์ชันส่วนขยาย Chrome เท่านั้น โดยยังไม่ได้อยู่ในแผงการตรวจสอบของเครื่องมือสำหรับนักพัฒนาเว็บ

ข้อผิดพลาดระดับบนสุด

ที่ด้านบนของรายงาน Lighthouse จะแจ้งเตือนข้อผิดพลาดที่อาจส่งผลกระทบต่อคะแนนของหน้าเว็บ

รูปที่ 4 ข้อผิดพลาดระดับบนสุดที่ด้านบนของรายงาน

พิมพ์สรุปและมุมมองแบบขยาย

คลิกส่งออกรายงาน จากนั้นเลือกพิมพ์สรุปหรือพิมพ์แบบขยายเพื่อพิมพ์รายงานที่สรุปหรือแบบละเอียด

รูปที่ 5 พิมพ์สรุปและมุมมองแบบขยาย

แก้ไขข้อบกพร่องเกี่ยวกับสัดส่วนภาพ

2.6 ยังแก้ไขข้อบกพร่องที่ทำให้การตรวจสอบแสดงรูปภาพที่มีสัดส่วนภาพที่ถูกต้องล้มเหลว แม้ว่าจะไม่มีรูปภาพอยู่ในหน้าเว็บ หรือขนาดรูปภาพทั้งหมดถูกต้องก็ตาม