การอัปเดต Lighthouse 2.6

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

โปรดดูบันทึกประจำรุ่น 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 นั้นเป็นปัจจัยสำคัญที่ค่อนข้างซ่อนอยู่แต่มีความสำคัญในการโหลดหน้าเว็บ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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