ตรวจสอบประสิทธิภาพและคุณภาพของเว็บไซต์ใด ๆ กับ Lighthouse

Google อยู่ในระดับแนวหน้าของการออกแบบเว็บไซต์ที่ทันสมัย มันมีเครื่องมือมากมายตั้งแต่ Analytics ไปจนถึง DevTools โดยมีจุดประสงค์เพื่อช่วยให้ผู้คนสร้างเว็บที่ดีขึ้น.

เมื่อเร็ว ๆ นี้ได้เผยแพร่เครื่องมือที่มีประโยชน์อีกตัวหนึ่งที่เรียกว่า Lighthouse มันคือ เครื่องมือทดสอบอัตโนมัติฟรีที่ทำงานในพื้นหลังของ Chrome. มันทำงานเหมือนการตรวจสอบเว็บไซต์ขนาดเล็กที่จะตรวจสอบประสิทธิภาพความเร็วการเข้าถึงและการปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดของความหมาย.

ส่วนขยายของประภาคารคือ สร้างขึ้นสำหรับ webapps ขั้นสูงเป็นหลัก. เหล่านี้คือเว็บแอพทั่วไปที่ทำงานในเบราว์เซอร์และทำงานเหมือนแอพทั่วไป แต่ทำงานเหมือนเว็บไซต์ทั่วไป.

PWAs เป็นส่วนสำคัญของโครงการประภาคาร แต่เป้าหมายของประภาคารคือการช่วยเหลือ นักพัฒนาเว็บทั้งหมด ตรวจสอบคุณภาพของหน้าเว็บ.

ซึ่งอาจรวมถึงการตรวจสอบบั๊ก HTML / CSS หรือมองหาบรรทัดของรหัสที่ซ้ำกัน Lighthouse ยังพิจารณาถึงประสิทธิภาพของเว็บด้วยเคล็ดลับการเพิ่มประสิทธิภาพสำหรับรูปภาพขนาดไฟล์คำขอ HTTP และอื่น ๆ อีกมากมาย.

ผลลัพธ์การตรวจสอบหลักทั้งหมดจะปรากฏขึ้น อยู่ใน DevTools ของ Chrome ดังนั้นคุณไม่จำเป็นต้องเปิดหน้าต่างใหม่เพื่อตรวจสอบสถิติ สิ่งที่คุณต้องมีก็คือ Chrome รุ่นที่ใช้งานอยู่และบางครั้งก็สามารถลอดผ่านผลการตรวจสอบของ Lighthouse.

โดยทั่วไปแบ่งออกเป็นสี่ประเภทนี้:

• ประสิทธิภาพ.
• การเข้าถึง.
• ปฏิบัติที่ดีที่สุด.
• คุณสมบัติของ Webapp แบบก้าวหน้า.

แต่ละหมวดหมู่จะแยกย่อยเป็นคุณสมบัติที่เล็กลงพร้อมคำแนะนำสำหรับการปรับปรุง UX.

ที่ คลิกปุ่มคุณสามารถดึงผลลัพธ์การตรวจสอบ ที่จะช่วยให้คุณปรับปรุงประสิทธิภาพเว็บไซต์ความเร็วการใช้งานและทุกเมตริกที่ Google ใส่ใจ.

หากคุณต้องการเรียนรู้การอ่านผ่านหน้าหลักและอ่านเกี่ยวกับคุณสมบัติมากมายของ Lighthouse.

คุณสามารถรับชมการนำเสนอนี้ได้จาก Google I / O 2017 ซึ่งเปิดตัว Lighthouse เป็นครั้งแรกในชุมชนผู้พัฒนา.