Google Lighthouse คืออะไรและทำไมคุณจึงควรใช้

เผยแพร่แล้ว: 2020-12-26

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

สารบัญ

Google Lighthouse คืออะไร

What is Google Lighthouse
Google Lighthouse คืออะไร

แต่ละรายงานที่จัดทำโดยเครื่องมือนี้มีห้าส่วน:

  1. ประสิทธิภาพ
  2. การช่วยสำหรับการเข้าถึง
  3. ปฏิบัติที่ดีที่สุด
  4. SEO
  5. เว็บแอปโปรเกรสซีฟ

แต่ละส่วนเหล่านี้จะให้คะแนนคุณจากศูนย์ถึงหนึ่งร้อยคะแนนสำหรับการตรวจทานหน้าเว็บ คุณจึงสามารถเข้าใจจุดแข็งหรือจุดอ่อนของคุณในแต่ละส่วนได้ ขั้นแรก Google Lighthouse จะตรวจสอบแต่ละส่วนและให้คะแนนแก่คุณ Google Lighthouse มีฟีเจอร์ให้คลิกในส่วนที่ต้องการเพื่อการวิเคราะห์หน้าเว็บที่ดีและแม่นยำยิ่งขึ้นและดูรายละเอียดเพิ่มเติม หลังจากวิเคราะห์และแก้ไขจุดอ่อนของเว็บไซต์แล้ว คุณสามารถวิเคราะห์หน้าเว็บของคุณอีกครั้งด้วยเครื่องมือนี้ และดูขั้นตอนการปรับปรุงเว็บไซต์ของคุณ

ความเร็วเป็นหนึ่งในเกณฑ์พื้นฐาน

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

  • ผู้ใช้หลายคนบอกว่าส่วนที่แย่ที่สุดของประสบการณ์ UI คือการรอหน้าเว็บไซต์โหลดนาน
  • โดยเฉลี่ยจะใช้เวลาประมาณ 15 วินาทีในการโหลดหน้า Landing Page ส่วนใหญ่บนโทรศัพท์มือถือ
  • โดยเฉลี่ยแล้ว 70% ของผู้ใช้ใช้เวลาบนเว็บไซต์ที่มีความเร็วในการโหลดมากกว่าห้าวินาที
  • การเพิ่มความเร็วในการโหลดหน้าเว็บทุกวินาทีทำให้อัตราการโต้ตอบของผู้ใช้ลดลงเจ็ดเปอร์เซ็นต์

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

วิธีการทำงานของ Google Lighthouse

คุณอาจคิดว่าคุณสามารถป้อนที่อยู่เว็บไซต์ในแถบค้นหาของเบราว์เซอร์ แล้วค้นหาว่าเว็บไซต์โหลดเร็วแค่ไหน แต่ผู้ใช้เว็บไซต์อาศัยอยู่ในพื้นที่ที่แตกต่างกันและสามารถเข้าถึงผู้ให้บริการอินเทอร์เน็ตรายอื่นได้ แม้แต่ประเภทของการค้นหาและวิธีที่ผู้ใช้ใช้อาจแตกต่างกัน แม้ว่าการเข้าชมเว็บไซต์ส่วนใหญ่จะมาจากอุปกรณ์เคลื่อนที่ แต่ผู้ใช้ส่วนใหญ่ไม่สามารถเข้าถึงอินเทอร์เน็ตรุ่นที่สี่ (4G) และรุ่นที่ห้า (5G) ได้ ด้วยเหตุนี้ Google Lighthouse จึงจำลองสถานการณ์และวัดความเร็วในการโหลดของเว็บไซต์ด้วยอินเทอร์เน็ตรุ่นที่สาม (3G)

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

PageSpeed ​​Insights กับ Google Lighthouse

เครื่องมือ PageSpeed ​​Insight เน้นที่ประสิทธิภาพของหน้าเว็บของคุณเท่านั้น ตามที่กล่าวไว้ เครื่องมือ Google lighthouse มีความสามารถในการวิเคราะห์ประสิทธิภาพ การเข้าถึง แนวทางปฏิบัติที่ดีที่สุด SEO และเว็บแอปพลิเคชันขั้นสูง แม้ว่าเครื่องมือ Google lighthouse จะวิเคราะห์เว็บไซต์ได้แม่นยำและครบถ้วนมากขึ้น แต่จุดประสงค์ของเครื่องมือ PageSpeed ​​Insights คืออะไร?

The difference between PageSpeed ​​Insights and Google Lighthouse
ความแตกต่างระหว่าง PageSpeed ​​Insights และ Google Lighthouse

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

วิธีใช้งาน Google Lighthouse

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

ทำงานกับ Google Lighthouse ใน Google Chrome

ขั้นแรก เปิดเว็บไซต์ที่คุณต้องการในเบราว์เซอร์ Google Chrome

คลิกขวาที่หน้าเว็บไซต์แล้วคลิกตรวจสอบ (หรือคุณจะกดแป้น F12 บนแป้นพิมพ์ก็ได้)

Inspect
ตรวจสอบ

จากแท็บต่างๆ ให้คลิกที่ Lighthouse

จากส่วนอุปกรณ์ ระบุว่าคุณต้องการประเมินประสิทธิภาพของเว็บไซต์บนมือถือหรือเดสก์ท็อป

คลิกปุ่มสร้างรายงานเพื่อตรวจสอบและวิเคราะห์เว็บไซต์

Start website review
เริ่มตรวจสอบเว็บไซต์

ทำงานกับ Google Lighthouse ใน Chrome ด้วยส่วนขยายเบราว์เซอร์

ค้นหาคำว่า Lighthouse ใน Chrome เว็บสโตร์

คลิกที่ปลั๊กอินแรก (Lighthouse) ตามที่แสดง

Chrome Lighthouse Plugin
ปลั๊กอิน Chrome Lighthouse

คลิกปุ่มเพิ่มลงใน Chrome เพื่อติดตั้งปลั๊กอิน

Install the plugin in Chrome
ติดตั้งปลั๊กอินใน Chrome

หน้าต่างจะเปิดขึ้น ให้คลิกปุ่มเพิ่มส่วนขยาย

Start installing the plugin in Chrome
เริ่มการติดตั้งปลั๊กอินใน Chrome

เข้าสู่เว็บไซต์ที่คุณต้องการ

ที่มุมบนขวาของเบราว์เซอร์ ให้คลิกที่ไอคอนคล้ายปริศนา

คลิกที่ปลั๊กอิน Lighthouse

ในการระบุอุปกรณ์ที่ต้องการ ให้คลิกที่ไอคอนรูปเฟือง แล้วเลือกอุปกรณ์ที่ต้องการ

Google Lighthouse settings
การตั้งค่า Google Lighthouse

คลิกปุ่มสร้างรายงานเพื่อวิเคราะห์และตรวจสอบเว็บไซต์

Create a report in Google Lighthouse
สร้างรายงานใน Google Lighthouse

บทสรุป

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

โชคดี.