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