วิธีพิจารณาเครื่องมือปรับความเร็ว

วิธีคำนึงถึงเครื่องมือปรับความเร็ว

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

ดาวน์โหลดเวอร์ชัน PDF

ความเชื่อผิดๆ ที่พบบ่อยเกี่ยวกับประสิทธิภาพ

ความเชื่อ 1

กระดาษที่มีกราฟเส้น

บันทึกประสบการณ์ของผู้ใช้ได้ด้วยเมตริกเดียว

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

ความเชื่อ 2

คอลเล็กชันภาพไอคอนเครือข่ายที่แสดงถึงอุปกรณ์และเงื่อนไขเครือข่ายต่างๆ

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

ความเชื่อ 3

การรวมการแสดงภาพของผู้ใช้
ประเภทต่างๆ

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

การทำความเข้าใจข้อมูลในห้องทดลองเทียบกับข้อมูลภาคสนาม

ข้อมูลในการทดสอบ

ภาพผู้ชายยืนอยู่หน้า
ชุดแนวคิดและไอคอนทางเทคนิคเชิงนามธรรม

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

ควรทำ

จุดแข็ง

  • ช่วยแก้ปัญหาด้านประสิทธิภาพ
  • ระดับการเข้าถึง UX จากต้นทางถึงปลายทางและเชิงลึก
  • สภาพแวดล้อมการทดสอบและการแก้ไขข้อบกพร่องที่ทำซ้ำได้
ไม่ควรทำ

ข้อจำกัด

  • อาจไม่ได้ตรวจจับจุดคอขวดจากการใช้งานจริง
  • สัมพันธ์กับ KPI ของหน้าเว็บในการใช้งานจริงไม่ได้

ข้อมูลในช่อง

ภาพผู้คนในสถานที่สาธารณะซึ่งใช้อุปกรณ์เคลื่อนที่

(เรียกอีกอย่างว่า Real User Monitoring หรือ RUM)

ข้อมูลในช่องคือข้อมูลประสิทธิภาพที่รวบรวมจากการโหลดหน้าเว็บจริงที่ผู้ใช้กำลังพบในการใช้งานจริง

ควรทำ

จุดแข็ง

  • แสดงประสบการณ์ของผู้ใช้ในชีวิตจริง
  • เปิดใช้ความสัมพันธ์กับตัวชี้วัดประสิทธิภาพทางธุรกิจ
ไม่ควรทำ

ข้อจำกัด {: .compare-worse }

  • ชุดเมตริกที่ถูกจำกัด
  • ความสามารถในการแก้ไขข้อบกพร่องที่จำกัด

เครื่องมือด้านประสิทธิภาพต่างๆ มีอะไรบ้าง

ประภาคาร

Lighthouse

ให้คำแนะนำที่ปรับเปลี่ยนในแบบของคุณเกี่ยวกับวิธีปรับปรุงเว็บไซต์ในด้านประสิทธิภาพ, การช่วยเหลือพิเศษ, PWA, SEO และแนวทางปฏิบัติแนะนำอื่นๆ

WebPageTest

WebPageTest

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

TestMySite

TestMySite

ให้คุณวิเคราะห์ประสิทธิภาพของหน้าเว็บในอุปกรณ์ต่างๆ และแสดงรายการการแก้ไขเพื่อปรับปรุงประสบการณ์การใช้งานจาก Webpagetest และ PageSpeed Insights

PageSpeed Insights

PageSpeed Insights

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

ตารางสรุปสถิติความเร็ว

ตารางสรุปสถิติความเร็ว

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

Impact Calculator

เครื่องคำนวณผลลัพธ์

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

เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome

เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome

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

คุณคือ...

ไอคอนรูปหนังสือ
แสดงแผนภูมิและกราฟ

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

  • ใช้ตารางสรุปสถิติความเร็วเพื่อดูความเร็วเว็บไซต์ในอุปกรณ์เคลื่อนที่เทียบกับคู่แข่งในกว่า 10 ประเทศ คะแนนจะอิงตามข้อมูลการใช้งานจริงจากรายงานประสบการณ์ของผู้ใช้ Chrome
  • ใช้ Impact Calculator เพื่อคาดการณ์โอกาสในการสร้างรายได้ที่เป็นไปได้ในการเพิ่มความเร็วเว็บไซต์ในอุปกรณ์เคลื่อนที่ ผลกระทบเกิดจากข้อมูลการเปรียบเทียบจาก Google Analytics
  • ใช้ TestMySite เพื่อทดสอบเวลาในการโหลดหน้าเว็บในอุปกรณ์เคลื่อนที่เทียบกับเกณฑ์เปรียบเทียบในธุรกิจเดียวกัน และดูวิธีที่การแก้ไขง่ายๆ ช่วยเพิ่มความเร็วเว็บไซต์และลดการสูญเสียผู้เข้าชม ปัจจุบัน TestMySite ขับเคลื่อนโดย WebPageTest และ PageSpeed Insights
ไอคอนรูปแล็ปท็อปที่มีโลโก้ Chrome อยู่ด้านหลังและอยู่เหนือโลโก้เล็กน้อย

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

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

ไอคอนของหน้าผลการตรวจสอบ
ของ Lighthouse

นักพัฒนาซอฟต์แวร์ที่พยายามทำความเข้าใจและตรวจสอบเว็บไซต์กับแนวทางปฏิบัติแนะนำด้านประสิทธิภาพเว็บสมัยใหม่

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

ไอคอนแว่นขยายเหนือแมลง

นักพัฒนาซอฟต์แวร์ที่กำลังมองหาคำแนะนำทางเทคนิคเกี่ยวกับวิธีแก้ไขข้อบกพร่อง/เจาะลึกประสิทธิภาพของเว็บไซต์

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

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