การทำความเข้าใจตัวชี้วัดประสิทธิภาพของ Lighthouse - เคล็ดลับ SEO จาก Semalt



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

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

Lighthouse คืออะไร

Lightroom เป็นเครื่องมือตรวจสอบแบบโอเพนซอร์สที่ใช้ในการสร้างคะแนนมาตรฐานใน 5 ประเด็นสำคัญ ได้แก่ :
  • ประสิทธิภาพ
  • แอพเว็บโปรเกรสซีฟ
  • SEO
  • ปฏิบัติที่ดีที่สุด
  • การเข้าถึง
สำหรับบทความนี้ชื่อ "Lighthouse" จะใช้เพื่ออ้างถึงชุดการทดสอบดังนั้นอย่าสับสนขณะอ่าน

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

กำลังอัปเดตเป็น Lighthouse

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

เมตริกเหล่านี้ออกแบบมาเพื่อวัดประสิทธิภาพของเว็บโดยยึดผู้ใช้เป็นศูนย์กลาง ในเวลาเพียงสองสัปดาห์นับจากการเปิดตัวครั้งแรก Lighthouse V6 ได้เปิดตัวเวอร์ชันแก้ไขโดยมี Web Core Vitals เป็นจุดสนใจหลักของการอัปเดตนี้

ภายในเดือนกรกฎาคม 2020 เราเห็นเมตริกของ Lighthouse v6 ถูกนำไปใช้กับผลิตภัณฑ์จำนวนมากของ Google ด้วยการเปิดตัว Chrome 84 แผงการตรวจสอบ Chrome DevTools เปลี่ยนชื่อเป็น Lighthouse ด้วย นอกจากนี้เมตริก Lighthouse ยังอ้างอิงโดย PageSpeed ​​Insights และ Google Search Console

ปัจจุบัน Web Core Vitals คิดเป็นมากกว่าครึ่งหนึ่งของคะแนนประสิทธิภาพการถ่วงน้ำหนัก Lighthouse ทั้งหมด โดยทั่วไปแล้วเพจต่างๆจะเริ่มได้รับผลกระทบเพียงเล็กน้อยโดยประมาณ 83.32% ของการทดสอบที่ดำเนินการแสดงให้เห็นการเปลี่ยน 10 คะแนนหรือน้อยกว่าเป็น V6

สิ่งที่คุณต้องรู้ก่อนทำการทดสอบประสิทธิภาพโดยใช้ Lighthouse

เลือกวิธีการที่เหมาะสม

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

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

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

ทำให้ Backlog กลับมาถูกกัดโดยใช้ ROI ที่ยอดเยี่ยม

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

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

วิธีเรียกใช้การทดสอบประภาคาร

นี่เป็นกรณีของเส้นทางหลายสายที่นำไปสู่แม่น้ำสายเดียว อย่างไรก็ตามมีเส้นทางบางอย่างที่โดดเด่นในการใช้งานที่ง่ายกว่าหรือโดดเด่นกว่า ถ้าคุณหวังที่จะรวมการทดสอบ SEO เข้ากับกระบวนการที่เป็นจริงคุณอาจต้องเร่งความเร็วใน NPM

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

1. Chrome Devtools

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

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

เมื่อคุณตั้งค่าแล้วนี่คือวิธีทดสอบ Lighthouse โดยใช้ DevTools
  1. เรียกใช้อินสแตนซ์ที่ไม่ระบุตัวตนบน Chrome
  2. ไปที่แผงเครือข่ายใน DevTools และทำเครื่องหมายที่ช่องเพื่อปิดการใช้งานแคช คุณสามารถทำได้ด้วย Ctrl + Shift + I บน Windows และ Linux หรือ Command + Option + I บน Mac
  3. ไปที่แผง Lighthouse แล้วคลิกสร้างรายงาน
  4. บันทึกไฟล์เมื่อสร้างแล้ว
ประโยชน์ของการเรียกใช้ Lighthouse จาก Devtools คืออะไร?

ดังที่เราได้กล่าวไว้ก่อนหน้านี้มีหลายวิธีในการเรียกใช้การวิเคราะห์ประภาคาร สิ่งนี้หมายความว่าแต่ละวิธีมีข้อดีและข้อเสีย

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

2. เมื่อทำการทดสอบหน้าเดียวกันอย่างต่อเนื่อง

สมมติว่าคุณชอบทดสอบหน้าเดิม ๆ ซ้ำ ๆ เว็บ dev เป็นตัวเลือกที่ดีที่สุด คล้ายกับการใช้ DevTools เท่านั้นที่คุณไม่จำเป็นต้องปิดการใช้งานส่วนขยายที่ยอดเยี่ยมเหล่านั้นทั้งหมด วิธีนี้เป็นวิธีที่ตรงไปตรงมา สิ่งที่คุณต้องทำคือ:
  1. ไปที่ web.dev/measure/
  2. ลงชื่อเข้าใช้ด้วยบัญชี Google ของคุณ
  3. ป้อน URL ของหน้าที่คุณต้องการตรวจสอบ
  4. คลิกเรียกใช้การตรวจสอบ
จุดเด่นของการใช้งาน Lighthouse จากเว็บ dev
  • จับภาพไทม์ไลน์ที่ดีของผลลัพธ์ของเพจ
  • ผู้ใช้มีลิงก์ด่วนเกี่ยวกับคำแนะนำในการปรับปรุงปัญหา
  • รายงานสามารถเปรียบเทียบได้โดยใช้ Lighthouse CI Diff Tool
จุดด้อยของการใช้งาน Lighthouse จากเว็บ dev
  • คุณสามารถทำการวิเคราะห์ได้เพียงครั้งเดียวและมีรายงานได้ครั้งละหนึ่งรายงาน
  • คุณต้องมีบันทึก URL ที่คุณติดตามเมื่อเวลาผ่านไปเพื่อหลีกเลี่ยงการทำซ้ำ URL เดิมโดยไม่ได้ตั้งใจ

บรรทัดคำสั่งโหนดสำหรับประภาคาร

เมื่อคุณต้องการทดสอบในระดับ Node Command-Line เป็นแนวทางที่ต้องการ นี่คือคำแนะนำเกี่ยวกับสิ่งที่ต้องทำ:
  • ติดตั้ง npm: สำหรับผู้ใช้ mc ควรใช้ homebrew เพื่อหลีกเลี่ยงปัญหาการพึ่งพาโง่ ๆ
  • ติดตั้งโมดูลประภาคารโดยป้อนรหัสนี้: "npm install -g lighthouse"
  • จากนั้นคุณเรียกใช้ข้อความเดียวโดยใช้ "ประภาคาร <url>"
  • เรียกใช้การทดสอบรายการการใช้งานโดยเรียกใช้การทดสอบโดยใช้โปรแกรม
จุดเด่นของการใช้งาน Lighthouse จาก Node
  • คุณสามารถเรียกใช้รายงานหลายฉบับพร้อมกันได้
  • คุณสามารถตั้งโปรแกรมเพื่อติดตามการเปลี่ยนแปลงตลอดเวลาโดยอัตโนมัติ
จุดด้อยของการเรียกใช้ Lighthouse จาก Node
  • คุณต้องมีแนวคิดในการเขียนโค้ด
  • การตั้งค่าต้องใช้เวลา

สรุป

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

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

หวังว่าเมื่อโครงการของคุณได้รับแรงฉุดเราสามารถอธิบายได้ว่าประสิทธิภาพการทำงานแบบเมตริกเดียวของ Lighthouse หมายถึงอะไรสำหรับทีมวิศวกรที่มีทักษะและการทำงานร่วมกันของคุณ

สนใจ SEO ไหม ตรวจสอบบทความอื่น ๆ ของเราเกี่ยวกับ บล็อก Semalt.