รายงานประสิทธิภาพเว็บไซต์
สุขภาพเว็บไซต์ อธิบายแบบไม่ต้องใช้ศัพท์เทคนิค
คะแนน Lighthouse Core Web Vitals โอกาสปรับปรุงเรียงลำดับ ผลตรวจการเข้าถึง และการตรวจ SEO ทางเทคนิค ทั้งมือถือและเดสก์ท็อป ขอบเขตเดียวต่อลูกค้าหนึ่งราย เข้าสู่ระบบเพื่อเปิด รายงานประสิทธิภาพเว็บไซต์ หรือดูตัวอย่างก่อนว่ามีอะไรบ้าง
รายงานประสิทธิภาพเว็บไซต์
รายงานประสิทธิภาพเว็บไซต์ สำหรับเอเจนซี่: คะแนน Lighthouse และ Core Web Vitals ที่ลูกค้าอ่านเข้าใจได้เอง
งานตรวจเว็บไซต์เป็นงานเทคนิคที่ทำง่ายที่สุด แต่เป็นงานที่โชว์ให้เห็นยากที่สุด รายงานประสิทธิภาพเว็บไซต์ จัดลำดับงานนั้นตามที่การรีวิวกับลูกค้าดำเนินไปจริง เริ่มจากคะแนน Lighthouse ทั้งสี่ไว้ด้านบนสำหรับมือถือและเดสก์ท็อป ตามด้วย Core Web Vitals เคียงข้างหน้าเว็บที่เป็นต้นเหตุ และปิดท้ายด้วยลิสต์สิ่งที่ควรแก้ไข เรียงลำดับตามเวลาหรือน้ำหนักที่แต่ละรายการประหยัดได้จริง
รายงานประสิทธิภาพเว็บไซต์ เริ่มจากคะแนน Lighthouse ที่ลูกค้าอ่านออกจริง
ประสิทธิภาพ การเข้าถึง แนวปฏิบัติที่ดี และ SEO แยกตามอุปกรณ์ ในหน้าจอเดียว
Lighthouse ให้คะแนนสี่ตัวจากคะแนนเต็มร้อย และแต่ละตัวมีความหมายต่างกันสำหรับคนที่จ่ายเงินให้ทำงานนี้ รายงานนำทั้งสี่คะแนนมาไว้แถวเดียวกันสำหรับอุปกรณ์ที่กำลังดูอยู่ ให้สีตามเกณฑ์ของ Google เอง และเพิ่มตัวเลขสุขภาพเว็บไซต์แบบถ่วงน้ำหนักหนึ่งตัว ทำให้อัปเดตประจำเดือนเปิดด้วยตัวเลขเดียวแทนที่จะเป็นสี่ตัว การสลับระหว่างมือถือกับเดสก์ท็อปเปลี่ยนขอบเขตทั้งรายงานใหม่ เพราะทั้งสองแทบไม่เคยเล่าเรื่องเดียวกัน และคะแนนที่ผสมกันจะบดบังว่าฝั่งไหนกำลังมีปัญหา
คะแนนคือระดับ ไม่ใช่ปริมาณ จึงถูกรายงานเป็นระดับ การ์ดแต่ละใบแสดงคะแนนที่เปลี่ยนแปลงในช่วงที่เลือก แทนที่จะเป็นเปอร์เซ็นต์ที่อ่านแปลก ๆ บนสเกลร้อยคะแนน และกราฟแนวโน้มด้านล่างก็ลากหมวดเดียวกันรายวัน เมื่อคะแนนถดถอย จะเห็นเป็นรูปร่างที่ชี้ให้ดูในที่ประชุมได้ ไม่ว่าจะเป็นสัปดาห์ที่รูปภาพหลักใหม่เข้ามา หรือสัปดาห์ที่ตัวจัดการแท็กบวมขึ้น แทนที่จะเป็นแค่ผลต่างระหว่างภาพนิ่งสองภาพที่แยกกัน
Core Web Vitals พร้อมหน้าที่ถูกตรวจสอบอยู่เบื้องหลังตัวเลขทุกตัว
เปอร์เซ็นไทล์ที่ 75 จากผู้ใช้จริง คู่กับผลตรวจสอบในห้องแล็บของทุก URL ที่ถูกรวบรวม
ทุกบทสนทนาเรื่อง Vitals จบลงที่คำถามเดียวกัน คือหน้าไหน รายงานนี้ตอบด้วยการวางตัวเลขสองชุดไว้ข้างกัน เปอร์เซ็นไทล์จากสนามจริงคือสิ่งที่ผู้เข้าชมสัมผัสจริง ทั้ง Largest Contentful Paint, Interaction to Next Paint และ Cumulative Layout Shift ที่เปอร์เซ็นไทล์ 75 เทียบกับเส้นดีและเส้นแย่ของ Google เอง ส่วนผลตรวจในห้องแล็บคือสิ่งที่ครอว์เลอร์วัดได้บนแต่ละ URL ภายใต้เงื่อนไขที่ควบคุมไว้ ตามคำสั่งในวันที่มีการแก้ไขจริง ชุดหนึ่งบอกว่าเว็บไซต์ผ่านเกณฑ์หรือไม่ อีกชุดบอกว่าเทมเพลตไหนเป็นต้นเหตุ
ตารางหน้าที่ถูกตรวจสอบคือจุดที่คู่ตัวเลขนี้มาบรรจบกัน ทุก URL ที่ถูกรวบรวมมีคะแนนทั้งสี่ของตัวเอง เคียงข้าง LCP และ CLS จากห้องแล็บของตัวเอง และวงกลมประเมินผลนับว่ามีกี่หน้าผ่านเกณฑ์ กี่หน้าต้องปรับปรุง และกี่หน้าไม่ผ่าน ทำให้ความรู้สึกว่าเว็บไซต์ช้า กลายเป็นใบสั่งงานที่ระบุเทมเพลต ทราฟฟิกที่อยู่เบื้องหลัง และตัวชี้วัดที่มีปัญหา แนวโน้มระดับพร็อพเพอร์ตี้และสัดส่วนตามอุปกรณ์ที่ Google เผยแพร่อยู่ในรายงาน Search Console ส่วนหน้านี้คือการทดสอบเชิงลึกที่อยู่เบื้องหลังตัวเลขเหล่านั้น
โอกาสปรับปรุงประสิทธิภาพและการวินิจฉัย เรียงตามสิ่งที่ประหยัดได้จริง
ทรัพยากรที่บล็อกการแสดงผล JavaScript ที่ไม่ได้ใช้ น้ำหนักรูปภาพ และเวลาตอบสนองของเซิร์ฟเวอร์
แท็บโอกาสปรับปรุงแสดงสิ่งที่การตรวจสอบพบ และคุณค่าของการแก้ไข ทั้งหน่วยมิลลิวินาทีสำหรับทรัพยากรที่บล็อกการแสดงผล การใบ้เชื่อมต่อล่วงหน้า และเวลาตอบสนองของเซิร์ฟเวอร์ ไปจนถึงหน่วยกิโลไบต์สำหรับรูปภาพขนาดใหญ่เกินไป รูปแบบไฟล์รุ่นใหม่ สื่อที่อยู่นอกจอ JavaScript ที่ไม่ได้ใช้ CSS ที่ยังไม่บีบอัด และอายุการแคช แต่ละแถวระบุหมวดของตัวเองและระดับความรุนแรงที่มาจากขนาดของสิ่งที่ประหยัดได้ ทำให้ประมาณการของนักพัฒนาและลำดับความสำคัญของเอเจนซี่โต้แย้งกันได้จากลิสต์เดียวกัน แทนที่จะเป็นไฟล์ส่งออกคนละชุด
การวินิจฉัยอยู่ข้างกันในฐานะคำอธิบาย ไม่ใช่รายการสิ่งที่ต้องทำ ทั้งขนาด DOM งานบน Main Thread เวลาประมวลผล JavaScript จำนวนคำขอ น้ำหนักการรับส่งข้อมูล สายคำขอที่สำคัญ องค์ประกอบที่กำหนด Largest Contentful Paint และองค์ประกอบที่ขยับหลังการแสดงผล แต่ละตัวมาพร้อมเป้าหมายที่ควรอยู่ต่ำกว่า และประโยคง่าย ๆ ว่าทำไมถึงสำคัญ ซึ่งมักเป็นเส้นแบ่งระหว่างรายงานที่ลูกค้าส่งต่อให้นักพัฒนาได้เลย กับรายงานที่ถูกส่งกลับมาพร้อมคำถาม
การตรวจสอบการเข้าถึง (Accessibility) พร้อมระดับผลกระทบที่ตีราคาได้
คอนทราสต์ Alt Text ป้ายกำกับ ARIA ขนาดจุดแตะ หัวข้อ และลำดับโฟกัส
การตรวจสอบการเข้าถึงแบบอัตโนมัติถูกจัดกลุ่มตามวิธีที่งานแก้ไขถูกตีขอบเขตจริง นั่นคือตามระดับผลกระทบ ปัญหาระดับวิกฤต เช่นฟิลด์ฟอร์มที่ไม่มีป้ายกำกับและรูปภาพที่ไม่มีข้อความทางเลือก แยกจากปัญหาระดับร้ายแรง เช่นคอนทราสต์ที่ไม่ผ่านและลิงก์ที่ไม่มีชื่อ ซึ่งแยกอีกชั้นจากปัญหาระดับปานกลาง เช่นขนาดจุดแตะ ลำดับหัวข้อ และลำดับโฟกัส แต่ละแถวระบุจำนวนองค์ประกอบที่เกี่ยวข้อง ทำให้ใบเสนอราคาสร้างจากจำนวนจริง ไม่ใช่คำสัญญาคลุมเครือว่าจะปรับปรุงการเข้าถึง
รายงานตรงไปตรงมาโดยตั้งใจว่าการตรวจอัตโนมัติครอบคลุมแค่ไหน การตรวจเหล่านี้จับได้เพียงส่วนหนึ่งของอุปสรรคที่การรีวิวโดยคนพบ และหน้าจอก็ระบุไว้ตรง ๆ ซึ่งช่วยปกป้องเอเจนซี่จากการที่ลูกค้าอ่านผลตรวจที่สะอาดว่าเป็นใบรับรองการปฏิบัติตามกฎ ใช้ให้ถูกวิธีแล้ว นี่คือการกวาดรอบแรกที่ราคาถูกที่สุด เคลียร์ข้อผิดพลาดเชิงกลไก เหลือบันทึกไว้ว่าแก้อะไรไปเมื่อไร และทำให้การตรวจโดยคนเหลือพื้นที่ให้ทำงานน้อยลงมาก
การตรวจ SEO ทางเทคนิค ทั้ง Title Canonical hreflang และ Structured Data
การตรวจหน้าเว็บที่ทุกเทมเพลตต้องผ่าน ก่อนจะพูดถึงอันดับได้
การตรวจการรวบรวมข้อมูลและมาร์กอัปสิบรายการทำงานเป็นลิสต์ผ่านหรือไม่ผ่าน พร้อมประโยคอธิบายว่าการรวบรวมข้อมูลพบอะไร ทั้ง Title องค์ประกอบ เมทาดิสคริปชัน ลิงก์ที่รวบรวมข้อมูลได้ การประกาศ Canonical การกำกับ hreflang ไฟล์ robots ที่ถูกต้อง Alt ของรูปภาพ ขนาดฟอนต์ที่อ่านออก ระยะห่างของจุดแตะ และความถูกต้องของ Structured Data ตัวเลขสรุปอยู่เหนือตาราง ทำให้สิ่งแรกที่ทุกคนเห็นคือมีกี่ข้อจากสิบข้อที่ผ่าน และเหลือกี่ข้อที่เป็นงานค้าง
นี่คือการตรวจหน้าเว็บ ไม่ใช่รายงานการจัดทำดัชนี นั่นคือสิ่งที่ครอว์เลอร์อ่านได้บนหน้า ไม่ใช่สิ่งที่ Google เลือกจะเก็บไว้ ทั้งสองตอบคำถามคนละข้อและอยู่คนละที่ ซึ่งเป็นเหตุผลที่ความครอบคลุม คำค้นหา และการแสดงผลอยู่ในรายงาน Search Console ส่วนหน้านี้อยู่กับมาร์กอัปเท่านั้น การอ่านทั้งสองคู่กันเป็นแบบแผนปกติ นั่นคือแก้สิ่งที่การตรวจนี้ชี้ก่อน แล้วดูว่าความครอบคลุมและตำแหน่งขยับตามในสัปดาห์ถัดไปหรือไม่
งานตรวจเว็บไซต์แบบไวท์เลเบล จำกัดขอบเขตไว้ที่ลูกค้าหนึ่งราย
แบรนด์ของคุณ ลูกค้าทีละราย ในโครงสร้างที่ซ้ำกันทุกเดือน
การตรวจทุกครั้งจำกัดขอบเขตไว้ที่ลูกค้าหนึ่งรายผ่านตัวสลับพื้นที่ทำงาน และนำเสนอด้วยแบรนด์ของเอเจนซี่คุณ โครงสร้างเดียวกันนี้จึงรองรับทั้งรีวิวเดือนมกราคมและเดือนมิถุนายนได้ คะแนน Vitals โอกาสปรับปรุง การวินิจฉัย การเข้าถึง และการตรวจทางเทคนิค อยู่ตำแหน่งเดิมทุกครั้ง ทำให้การเทียบผลเดือนต่อเดือนกลายเป็นแค่การอ่านหัวข้อเดิมซ้ำสองครั้ง แทนที่จะไล่เทียบเอกสารที่หน้าตาไม่เหมือนกัน พื้นที่ทำงานเตรียมพื้นผิวรีวิวไว้ให้ ส่วนการเชื่อมต่อแหล่งข้อมูลยังคงเป็นขั้นตอนแยกต่างหาก
การซ้ำแบบนี้เองที่ทำให้งานเชิงเทคนิคกลายเป็นสิ่งที่ลูกค้าต่อสัญญาต่อ นักพัฒนาเห็นลิสต์งานแก้ไขที่จัดอันดับพร้อมค่าประหยัดโดยประมาณ ผู้ดูแลบัญชีเห็นสี่คะแนน ตัวเลขสุขภาพหนึ่งตัว และหน้าที่อยู่เบื้องหลัง และทั้งสองฝ่ายมองรายงานฉบับเดียวกัน ทีมงานใช้เวลาไปกับการตัดสินใจว่าจะแก้อะไรต่อ แทนที่จะสร้างเลย์เอาต์การนำเสนอใหม่ทุกครั้ง และงานตรวจเว็บไซต์ก็เลิกเป็นงานส่งมอบที่ไม่มีใครอยากเขียน
คำถามที่พบบ่อย
คะแนน Lighthouse คืออะไร และวัดอะไร
Lighthouse คือเครื่องมือตรวจสอบโอเพนซอร์สของ Google โหลดหน้าเว็บในสภาพแวดล้อมที่ควบคุมไว้ รันชุดการตรวจสอบที่กำหนดไว้ตายตัว แล้วให้คะแนนตั้งแต่ 0 ถึง 100 ในด้านประสิทธิภาพ การเข้าถึง แนวปฏิบัติที่ดี และ SEO รายงานนี้รันทั้งสี่หมวดต่อหน้าที่ตรวจสอบและต่ออุปกรณ์ จึงไม่มีการอ้างคะแนนมือถือราวกับเป็นคะแนนเดสก์ท็อป
ข้อมูลจากห้องแล็บกับข้อมูลจากสนามจริงในงานตรวจเว็บไซต์ต่างกันอย่างไร
ข้อมูลจากห้องแล็บมาจากการทดสอบหน้าเดียวภายใต้เงื่อนไขที่ควบคุมไว้ ทำซ้ำได้ เหมาะกับการวินิจฉัย แต่ไม่ใช่สิ่งที่ผู้เข้าชมจริงพบเจอ ข้อมูลจากสนามจริงมาจากเซสชันจริงและสรุปที่เปอร์เซ็นไทล์ 75 รายงานนี้นำมาทั้งคู่ คือ Core Web Vitals จากสนามจริงเป็นตัวเลขหลัก พร้อมผลตรวจในห้องแล็บของทุก URL ที่ถูกรวบรวมอยู่ด้านล่างเพื่ออธิบายว่าควรแก้อะไร
Core Web Vitals มีผลต่ออันดับใน Google หรือไม่
เป็นส่วนหนึ่งของสัญญาณประสบการณ์การใช้หน้าเว็บของ Google จึงช่วยแยกผลลัพธ์ที่ใกล้เคียงกันได้ แต่ไม่ได้อยู่เหนือความเกี่ยวข้อง และไม่มีอะไรติดอันดับได้จากความเร็วเพียงอย่างเดียว มุมมองที่ใช้ได้จริงสำหรับลูกค้าคือ LCP INP และ CLS อธิบายว่าเว็บไซต์ใช้งานแล้วรู้สึกอย่างไร และแท็บโอกาสปรับปรุงก็ตีราคางานนั้นด้วยการแสดงว่าการแก้แต่ละจุดประหยัดอะไรได้บ้าง
การตรวจการเข้าถึงในรายงานนี้ครอบคลุมอะไรบ้าง
คอนทราสต์ Alt Text ป้ายกำกับฟอร์ม การใช้ ARIA ขนาดจุดแตะ ลำดับหัวข้อ และลำดับโฟกัส แต่ละอย่างมาพร้อมระดับผลกระทบ ทั้งวิกฤต ร้ายแรง ปานกลาง หรือเล็กน้อย และจำนวนหน้าที่ได้รับผลกระทบ ระดับผลกระทบนี้เองที่ทำให้การตรวจกลายเป็นสิ่งที่ตีราคาได้ เปลี่ยนรายการข้อผิดพลาดให้เป็นงานที่เอเจนซี่ตีขอบเขต ตั้งราคา และจัดตารางได้จริง
เอเจนซี่ควรตรวจเว็บไซต์ให้ลูกค้าบ่อยแค่ไหน
บ่อยพอที่จะจับความถดถอยได้ก่อนลูกค้า ซึ่งสำหรับงานดูแลส่วนใหญ่หมายถึงทุกเดือน บวกการตรวจเพิ่มอีกรอบหลังปรับดีไซน์ใหม่หรือเปลี่ยนเทมเพลต มุมมองประวัติเก็บผลการตรวจครั้งก่อน ๆ ไว้ ทำให้การตรวจอ่านเป็นแนวโน้มแทนที่จะเป็นภาพนิ่งครั้งเดียว และแสดงจุดที่คะแนนขยับได้แม่นยำเมื่อมีการแก้ไข