PageSpeed Insights จะรายงานประสิทธิภาพจริงของหน้าเว็บหรือ origin สำหรับอุปกรณ์เคลื่อนที่และเดสก์ท็อป และให้คำแนะนำเกี่ยวกับวิธีปรับปรุงหน้านั้นๆ เมื่อวิเคราะห์หน้าเดียว
คะแนนความเร็ว
PageSpeed Insights ใช้ข้อมูลจากรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) เพื่อแสดงข้อมูลประสิทธิภาพจริงเกี่ยวกับหน้าเว็บหรือ origin PSI รายงานmetrics 2 รายการ ได้แก่ First Contentful Paint (FCP) และ DOMContentLoaded (DCL)
ค่ามัธยฐานของแต่ละเมตริก (FCP หรือ DCL) จะถูกนำไปเปรียบเทียบกับหน้าเว็บทั้งหมดที่ตรวจสอบโดยรายงาน CrUX แต่ละเมตริกจะได้รับการกำหนดหมวดหมู่ โดยขึ้นอยู่กับตำแหน่งของเมตริกนั้นๆ ในการกระจาย
- เร็ว: ค่ามัธยฐานของเมตริกอยู่ที่ความเร็วหนึ่งใน 3 ของการโหลดหน้าเว็บทั้งหมด
- ช้า: ค่ามัธยฐานของเมตริกอยู่ในช่วงที่ช้าที่สุดใน 3 ของการโหลดหน้าเว็บทั้งหมด
- ค่าเฉลี่ย: ค่ามัธยฐานของเมตริกอยู่ที่กึ่งกลางของการโหลดหน้าเว็บทั้งหมดใน 3 ส่วน
คะแนนความเร็วโดยรวมจะคำนวณโดยดูจากหมวดหมู่ของแต่ละเมตริก ดังนี้
- เร็ว: หากทุกเมตริกของหน้าเว็บ/origin คือ "เร็ว"
- ช้า: หากเมตริกของหน้าเว็บ/origin เป็น "ช้า"
- ค่าเฉลี่ย: กรณีอื่นๆ ทั้งหมด
การกระจายการโหลดหน้าเว็บ
ส่วน "การกระจายการโหลดหน้าเว็บ" จะแสดงเมตริก FCP และ DCL การกระจายในชุดข้อมูล CrUX
- Origin: ข้อมูลความเร็วแบบรวมของหน้าทั้งหมดที่แสดงจากoriginนี้
- หน้าเว็บ: ข้อมูลความเร็วของหน้าเดียว
การกระจายของแต่ละเมตริกแบ่งออกเป็น 3 หมวดหมู่ ได้แก่ เร็ว (เร็วที่สุด 3 อันดับแรก) ปานกลาง (เร็วปานกลาง 3 อันดับแรก) และช้า (ช้าที่สุดใน 3 อันดับ) การกระจายจะอัปเดตทุกวัน
คะแนนการเพิ่มประสิทธิภาพ
PageSpeed Insights จะรายงานเฉพาะข้อมูลการเพิ่มประสิทธิภาพเมื่อวิเคราะห์หน้าเว็บเดียวเท่านั้น
PSI ประเมินว่าหน้าเว็บทำตามแนวทางปฏิบัติแนะนำทั่วไปด้านประสิทธิภาพได้ดีเพียงใด และคำนวณคะแนนจาก 0-100 ซึ่งเป็นค่าประมาณโอกาสในการเพิ่มประสิทธิภาพของหน้าเว็บ ระบบจะประเมินว่าหน้าเว็บจะปรับปรุงประสิทธิภาพได้หรือไม่ใน 2 ด้านต่อไปนี้
- เวลาที่ใช้ในการโหลดครึ่งหน้าบน: เวลาที่ผ่านไปนับจากเวลาที่ผู้ใช้ขอหน้าเว็บใหม่จนถึงเวลาที่เบราว์เซอร์แสดงผลเนื้อหาครึ่งหน้าบน
- เวลาที่ใช้ในการโหลดหน้าเว็บแบบเต็ม: เวลาที่ผ่านไปนับจากที่ผู้ใช้ขอหน้าเว็บใหม่จนกระทั่งเบราว์เซอร์แสดงผลหน้าเว็บอย่างสมบูรณ์
ระบบจะจัดหมวดหมู่คะแนนเป็นดี ปานกลาง หรือต่ำ ค่าที่ได้จะถือว่านักพัฒนาเว็บไซต์ต้องการให้หน้ามีลักษณะและฟังก์ชันเดียวกัน
- ดี: หน้าเว็บใช้แนวทางปฏิบัติแนะนําด้านประสิทธิภาพส่วนใหญ่และมีพื้นที่เล็กๆ สําหรับการเพิ่มประสิทธิภาพเพิ่มเติม หน้าเว็บได้คะแนน 80 ขึ้นไป
- ปานกลาง: หน้าเว็บขาดการเพิ่มประสิทธิภาพทั่วไปบางอย่างและมีพื้นที่ว่างปานกลางสําหรับการเพิ่มประสิทธิภาพ หน้าเว็บมีคะแนนอยู่ระหว่าง 60 ถึง 79
- ต่ำ: หน้าเว็บไม่ได้รับการเพิ่มประสิทธิภาพและมีช่องว่างพอสมควรสำหรับการเพิ่มประสิทธิภาพ หน้าเว็บมีคะแนนอยู่ระหว่าง 0 ถึง 59
คะแนนการเพิ่มประสิทธิภาพจะประมาณช่องว่างด้านประสิทธิภาพของหน้าเว็บ หน้าเว็บที่โหลดช้าอาจมีคะแนนการเพิ่มประสิทธิภาพสูงเนื่องจากมีอัตราส่วนทรัพยากรที่บล็อกการแสดงผลต่ำเมื่อเทียบกับทรัพยากรทั้งหมดที่หน้านั้นใช้ ในทางกลับกัน หน้าเว็บที่โหลดเร็วอาจมีคะแนนการเพิ่มประสิทธิภาพต่ำเนื่องจากมีทรัพยากรที่บล็อกการแสดงผลอยู่เป็นจำนวนมากเมื่อเทียบกับทรัพยากรทั้งหมด
สถิติของหน้า
ส่วนนี้จะอธิบายถึงการเดินทางไป-กลับที่ต้องใช้ในการโหลดทรัพยากรการบล็อกการแสดงผลของหน้า ไบต์รวมที่หน้าเว็บใช้ และวิธีเปรียบเทียบกับค่ามัธยฐานของรอบการตอบสนองและไบต์ที่ใช้ในชุดข้อมูล ค่านี้ระบุได้ว่าหน้าเว็บอาจเร็วขึ้นหรือไม่ด้วยการแก้ไขลักษณะและฟังก์ชันของหน้าเว็บ
คำแนะนำในการเพิ่มประสิทธิภาพ
ต่อไปนี้คือรายการแนวทางปฏิบัติแนะนำที่อาจนำไปใช้กับหน้านี้ได้ หากหน้าเว็บโหลดเร็ว ระบบจะซ่อนคำแนะนำเหล่านี้ไว้โดยค่าเริ่มต้น เนื่องจากหน้าเว็บอยู่ใน 3 อันดับแรกของทุกหน้าในชุดข้อมูลอยู่แล้ว จึงอาจไม่ต้องปรับปรุงเพิ่มเติม
เนื่องจากประสิทธิภาพของการเชื่อมต่อเครือข่ายมีความแตกต่างกันมาก การเพิ่มประสิทธิภาพจึงจะกล่าวถึงประสิทธิภาพของหน้าเว็บในแง่มุมที่ไม่ขึ้นอยู่กับเครือข่าย ได้แก่ การกำหนดค่าเซิร์ฟเวอร์ โครงสร้าง HTML ของหน้าเว็บ และการใช้ทรัพยากรภายนอก เช่น รูปภาพ JavaScript และ CSS การนำคำแนะนำไปใช้ควรปรับปรุงประสิทธิภาพที่เกี่ยวข้องของหน้าได้ อย่างไรก็ตาม ประสิทธิภาพสัมบูรณ์ของหน้าเว็บจะยังคงขึ้นอยู่กับการเชื่อมต่อเครือข่ายของผู้ใช้
ประสิทธิภาพด้านความเร็วขึ้นอยู่กับปัจจัยหลายประการ แต่ 2 ปัจจัยที่สำคัญที่สุดคือ
- แสดงผลการส่งข้อมูลไปกลับแบบบล็อก : การส่งข้อมูลไปกลับที่จำเป็นสำหรับการส่งทรัพยากรการบล็อกการแสดงผล หากทรัพยากรส่วนใหญ่จากหน้าเว็บมีการบล็อกการแสดงผล PageSpeed Insights จะถือว่าหน้ามีช่องว่างการเพิ่มประสิทธิภาพขนาดใหญ่ นักพัฒนาซอฟต์แวร์สามารถตรวจสอบหลีกเลี่ยงการเปลี่ยนเส้นทางหน้า Landing Page, กำจัด JavaScript และ CSS ที่บล็อกการแสดงผล, ใช้ประโยชน์จากการแคชเบราว์เซอร์, จัดลำดับความสำคัญของเนื้อหาที่มองเห็นได้ และกฎลดเวลาในการตอบกลับของเซิร์ฟเวอร์เพื่อเพิ่มประสิทธิภาพ
- ขนาดการตอบกลับ: ขนาดรวมของการตอบกลับ รวมถึงทรัพยากรหลักของ HTML และทรัพยากรย่อยทั้งหมด หากเนื้อหาการตอบสนองส่วนใหญ่กำจัดได้ด้วยการบีบอัดหรือลดขนาดได้ PageSpeed Insights จะถือว่าหน้ามีช่องว่างในการเพิ่มประสิทธิภาพมาก นักพัฒนาซอฟต์แวร์สามารถตรวจสอบกฎเปิดใช้การบีบอัด ลดทรัพยากร และเพิ่มประสิทธิภาพรูปภาพสำหรับการเพิ่มประสิทธิภาพ
ถามและตอบ
หากคุณมีข้อสงสัยเกี่ยวกับ PageSpeed Insights โปรดดูคำถามที่พบบ่อยของเรา หรือโพสต์ข้อความไปยังกลุ่มสนทนาของเรา