First Meaningful Paint (FMP) เป็นหนึ่งในเมตริก 6 รายการที่ติดตามในส่วนประสิทธิภาพของรายงาน Lighthouse เมตริกแต่ละรายการจะจับภาพแง่มุมบางอย่างของความเร็วในการโหลดหน้าเว็บ
Lighthouse แสดง FMP เป็นวินาที
สิ่งที่ FMP วัด
FMP วัดเมื่อเนื้อหาหลักของหน้าเว็บปรากฏต่อผู้ใช้ คะแนนดิบของ FMP คือเวลาเป็นวินาทีระหว่างที่ผู้ใช้เริ่มโหลดหน้าเว็บกับการที่หน้าเว็บแสดงผลเนื้อหาหลักเหนือเส้นแบ่งหน้า โดยพื้นฐานแล้ว FMP จะแสดงเวลาของการแสดงผลภาพหลังจากที่มีการเปลี่ยนแปลงเลย์เอาต์ด้านบนโฆษณาที่ใหญ่ที่สุด ดูข้อมูลเพิ่มเติมเกี่ยวกับรายละเอียดทางเทคนิคของ FMP ในเวลาในการตอบสนองครั้งแรกที่แสดงข้อมูลที่มีความหมาย: แนวทางตามเลย์เอาต์ของ Google
First Contentful Paint (FCP) และ FMP มักจะเหมือนกันเมื่อเนื้อหาส่วนแรกที่แสดงผลในหน้าเว็บมีเนื้อหาที่แสดงอยู่ครึ่งหน้าบน อย่างไรก็ตาม เมตริกเหล่านี้อาจแตกต่างกันไปเมื่อมีเนื้อหาที่อยู่เหนือส่วนแรกภายใน iframe FMP จะบันทึกเมื่อผู้ใช้มองเห็นเนื้อหาภายใน iframe ส่วน FCP ไม่รวมเนื้อหา iframe
วิธีที่ Lighthouse กำหนดคะแนน FMP
FMP อิงตามข้อมูลประสิทธิภาพเว็บไซต์จริงจาก HTTP Archive เช่นเดียวกับ FCP
เมื่อ FMP และ FCP เหมือนกัน คะแนนของทั้งสองก็จะเหมือนกัน หาก FMP เกิดขึ้นหลังจาก FCP เช่น เมื่อหน้าเว็บมีเนื้อหา iframe คะแนน FMP จะต่ำกว่าคะแนน FCP
ตัวอย่างเช่น สมมติว่า FCP ของคุณคือ 1.5 วินาที และ FMP คือ 3 วินาที คะแนน FCP จะเท่ากับ 99 แต่คะแนน FMP จะเท่ากับ 75
ตารางนี้แสดงวิธีตีความคะแนน FMP
| เมตริก FMP (วินาที) |
การเขียนโค้ดสี | คะแนน FMP (เปอร์เซ็นต์ไทล์ของ FCP HTTP Archive) |
|---|---|---|
| 0–2 | สีเขียว (เร็ว) | 75–100 |
| 2–4 | สีส้ม (ปานกลาง) | 50–74 |
| มากกว่า 4 คน | สีแดง (ช้า) | 0–49 |
วิธีปรับปรุงคะแนน FMP
ดูวิธีปรับปรุง Largest Contentful Paint ในเว็บไซต์ กลยุทธ์ในการปรับปรุง FMP ส่วนใหญ่เหมือนกับกลยุทธ์ในการปรับปรุงการแสดงผลเนื้อหาขนาดใหญ่ที่สุด
การติดตาม FMP ในอุปกรณ์ของผู้ใช้จริง
ดูวิธีวัดเมื่อ FMP เกิดขึ้นจริงในอุปกรณ์ของผู้ใช้ได้ที่หน้าเมตริกประสิทธิภาพที่ให้ความสำคัญกับผู้ใช้เป็นหลักของ Google ส่วนการติดตาม FMP โดยใช้องค์ประกอบฮีโร่จะอธิบายวิธีเข้าถึงข้อมูล FCP แบบเป็นโปรแกรมและส่งไปยัง Google Analytics
ดูข้อมูลเพิ่มเติมเกี่ยวกับการรวบรวมเมตริกของผู้ใช้จริงได้ที่การประเมินประสิทธิภาพการโหลดในการใช้งานจริงด้วยการนำทางและระยะเวลาของทรัพยากรของ Google การตรวจสอบระยะเวลาที่เจาะจงของผู้ใช้และระยะเวลาทั่วไปของ Lighthouse ช่วยให้คุณดูข้อมูลระยะเวลาของผู้ใช้ในรายงานได้
วิธีปรับปรุงคะแนนประสิทธิภาพโดยรวม
โดยทั่วไปแล้ว คุณควรมุ่งเน้นที่การปรับปรุงคะแนนประสิทธิภาพโดยรวม เว้นแต่จะมีเหตุผลที่เฉพาะเจาะจงในการมุ่งเน้นที่เมตริกหนึ่งๆ
ใช้ส่วนการวินิจฉัยของรายงาน Lighthouse เพื่อพิจารณาการปรับปรุงที่จะมีคุณค่ามากที่สุดสําหรับหน้าเว็บ ยิ่งโอกาสมีนัยสำคัญมากเท่าใด โอกาสนั้นก็จะมีผลต่อคะแนนประสิทธิภาพมากเท่านั้น เช่น ภาพหน้าจอ Lighthouse ต่อไปนี้แสดงให้เห็นว่าการกำจัดทรัพยากรที่บล็อกการแสดงผลจะให้ผลลัพธ์ที่ดีที่สุด
ดูการตรวจสอบประสิทธิภาพเพื่อดูวิธีแก้ไขโอกาสที่ระบุไว้ในรายงาน Lighthouse