นับตั้งแต่ Google I/O เราทํางานอย่างหนักเพื่อทําให้ Lighthouse เป็นเครื่องมือที่ยอดเยี่ยมสําหรับการสร้าง Progressive Web App ที่ยอดเยี่ยม
- ต้อนรับผู้มีส่วนร่วมใหม่ 50 คนสู่โปรเจ็กต์
- จัดส่งรุ่น 15 รุ่น
- เพิ่มการทดสอบการตรวจสอบอีกประมาณ 20 รายการ (รวมทั้งหมด 50 รายการ)
วันนี้เรายินดีที่จะประกาศเปิดตัว Lighthouse เวอร์ชัน 1.3 Lighthouse 1.3 มาพร้อมฟีเจอร์ใหม่ที่สำคัญๆ มากมาย การตรวจสอบ และการแก้ไขข้อบกพร่องตามปกติ คุณสามารถติดตั้งได้จาก npm (npm i -g lighthouse) หรือดาวน์โหลดส่วนขยายจาก Chrome เว็บสโตร์
มีอะไรใหม่บ้าง
รูปลักษณ์ใหม่
หากเคยใช้ Lighthouse เวอร์ชันเก่า คุณอาจสังเกตเห็นโลโก้ใหม่ รายงาน HTML และส่วนขยาย Chrome ได้รับการปรับปรุงใหม่ทั้งหมดเช่นกัน โดยมีการนำเสนอคะแนนที่ชัดเจนขึ้นและผลการตรวจสอบที่สอดคล้องกันมากขึ้น นอกจากนี้ เรายังได้เพิ่มข้อมูลการแก้ไขข้อบกพร่องที่เป็นประโยชน์เมื่อคุณทดสอบไม่ผ่าน และระบุคำแนะนำในการแก้ปัญหาที่แนะนำ
แนวทางปฏิบัติแนะนำใหม่
ที่ผ่านมา Lighthouse มุ่งเน้นที่เมตริกประสิทธิภาพและคุณภาพของ PWA อย่างไรก็ตาม เป้าหมายหลักของโครงการนี้คือเพื่อเป็นคู่มือสำหรับการพัฒนาเว็บทั้งหมด ซึ่งรวมถึงคําแนะนําเกี่ยวกับแนวทางปฏิบัติแนะนำทั่วไป เคล็ดลับด้านประสิทธิภาพและการช่วยเหลือพิเศษ ตลอดจนความช่วยเหลือแบบครบวงจรในการสร้างแอปคุณภาพ
"ทําเว็บให้ดียิ่งขึ้น" เป็นโครงการภายในของ Lighthouse เพื่อช่วยนักพัฒนาซอฟต์แวร์ทํางานบนเว็บได้ดียิ่งขึ้น กล่าวคือ ช่วยให้องค์กรต่างๆ ปรับปรุงและเพิ่มประสิทธิภาพเว็บแอปพลิเคชัน บ่อยครั้งที่นักพัฒนาเว็บใช้แนวทางปฏิบัติที่ล้าสมัย รูปแบบที่ไม่แนะนำ หรือเจอกับปัญหาด้านประสิทธิภาพที่ทราบกันดีโดยไม่รู้ตัว ตัวอย่างเช่น เป็นที่ทราบกันโดยทั่วไปว่าภาพเคลื่อนไหวที่อิงตาม JS ควรทำด้วย requestAnimationFrame() แทนที่จะเป็น setInterval() อย่างไรก็ตาม หากนักพัฒนาแอปไม่ทราบเกี่ยวกับ API เวอร์ชันใหม่ เว็บแอปก็อาจได้รับผลกระทบโดยไม่จำเป็น
Lighthouse 1.3 มีคำแนะนำแนวทางปฏิบัติแนะนำใหม่กว่า 20 รายการ ตั้งแต่เคล็ดลับในการปรับปรุงฟีเจอร์ CSS และ JavaScript ให้ทันสมัยไปจนถึงคำแนะนำด้านประสิทธิภาพ เช่น "ลดจำนวนชิ้นงานที่บล็อกการแสดงผล" "ใช้โปรแกรมรับฟังเหตุการณ์แบบพาสซีฟเพื่อปรับปรุงประสิทธิภาพการเลื่อน"
เราจะเพิ่มคําแนะนําอื่นๆ อย่างต่อเนื่อง หากมีข้อเสนอแนะเกี่ยวกับแนวทางปฏิบัติแนะนำหรือต้องการช่วยเราเขียนการตรวจสอบ โปรดแจ้งปัญหาใน GitHub
รายงานผู้ดู
สุดท้ายนี้ เรายินดีที่จะประกาศเปิดตัวเครื่องมือดูเว็บใหม่สำหรับผลลัพธ์ของ Lighthouse ไปที่ googlechrome.github.io/lighthouse/viewer ลากและวางเอาต์พุตของการตรวจสอบ Lighthouse (หรือคลิกเพื่ออัปโหลดไฟล์) แล้วเสร็จ "Insta" รายงาน HTML ของ Lighthouse
เครื่องมือดู Lighthouse ยังให้คุณแชร์รายงานกับผู้อื่นได้ด้วย การคลิกไอคอนแชร์จะเป็นการลงชื่อเข้าใช้ GitHub เราจะเก็บรายงานเป็น gist ลับในบัญชีของคุณเพื่อให้คุณลบรายงานที่แชร์หรืออัปเดตรายงานในภายหลังได้อย่างง่ายดาย การใช้ GitHub สำหรับการจัดเก็บข้อมูลยังช่วยให้คุณได้รับการควบคุมเวอร์ชันแบบไม่มีค่าใช้จ่ายอีกด้วย
เครื่องมือดู Lighthouse สามารถโหลดรายงานที่มีอยู่ซ้ำได้โดยเพิ่ม ?gist=GIST_ID
ลงใน URL
ดูรายละเอียดทั้งหมดเกี่ยวกับ Lighthouse เวอร์ชันล่าสุดได้ที่บันทึกประจำรุ่นฉบับเต็มใน GitHub และเช่นเคย โปรดติดต่อเราเพื่อรายงานข้อบกพร่อง ส่งคำขอฟีเจอร์ หรือพูดคุยเรื่องไอเดียเกี่ยวกับสิ่งที่คุณต้องการเห็นในลำดับถัดไป