สีความพึงพอใจครั้งแรก (FCP)

First Contentful Paint หรือเรียกย่อว่า FCP คือโปรแกรมที่ใช้สร้างภาพแบบกราฟิก (Contentful Paint) ตัวชี้วัดประสิทธิภาพเว็บ FCP (Time to First Byte) คือค่าที่วัดเวลาตั้งแต่หน้าเว็บเริ่มโหลดจนถึงวินาทีที่เบราว์เซอร์แสดงผลเนื้อหาที่มองเห็นได้ชิ้นแรก เช่น ข้อความ รูปภาพ หรือสีพื้นหลัง บนหน้าจอ โดยวัดเป็นวินาทีหรือมิลลิวินาที และสะท้อนถึงการยืนยันด้วยสายตาครั้งแรกของผู้ใช้ว่าหน้าเว็บกำลังโหลดอยู่จริง ๆ ต่างจากการจ้องมองหน้าจอสีขาวว่างเปล่าโดยไม่รู้ว่ามีอะไรเกิดขึ้นเลย ซึ่งเป็นเหตุผลที่ FCP ถูกจัดเป็นหนึ่งในตัวชี้วัดประสบการณ์การโหลดหลักที่ติดตามในเครื่องมือต่าง ๆ เช่น Google Lighthouse และ Chrome User Experience Report FCP แตกต่างจาก Time to First Byte ซึ่งวัดเฉพาะเวลาตอบสนองของเซิร์ฟเวอร์ก่อนที่การแสดงผลจะเริ่มต้นขึ้น เนื่องจากแม้การตอบสนองของเซิร์ฟเวอร์จะเร็ว แต่ก็อาจตามมาด้วย FCP ที่ช้าได้ หากสคริปต์หรือสไตล์ชีตที่บล็อกการแสดงผลทำให้เบราว์เซอร์ล่าช้าในการแสดงผลอะไรก็ตามบนหน้าจอ

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

FCP (Field Page Response) วัดได้ทั้งจากเครื่องมือในห้องปฏิบัติการ เช่น Google Lighthouse หรือ WebPageTest ซึ่งจำลองการโหลดหน้าเว็บภายใต้สภาวะเครือข่ายและอุปกรณ์ที่ควบคุมได้และทำซ้ำได้ และจากเครื่องมือภาคสนาม เช่น Chrome User Experience Report ที่เข้าถึงได้ผ่าน Google Search Console หรือ PageSpeed ​​Insights ซึ่งรวบรวมข้อมูล FCP จากผู้ใช้ Chrome จริงที่เข้าชมหน้าเว็บภายใต้สภาวะเครือข่ายที่แตกต่างกันอย่างแท้จริง โดยทั่วไป Google จะจัดประเภท FCP ที่ต่ำกว่า 1.8 วินาทีว่าดี ระหว่าง 1.8 ถึง 3 วินาทีว่าต้องปรับปรุง และสูงกว่า 3 วินาทีว่าแย่ แต่เกณฑ์เหล่านี้เป็นเพียงแนวทางมากกว่าข้อกำหนดที่แน่นอน เนื่องจากประสิทธิภาพที่ยอมรับได้นั้นขึ้นอยู่กับสภาวะอุปกรณ์และเครือข่ายทั่วไปของกลุ่มเป้าหมายจริงในตลาดเฉพาะนั้นๆ ด้วย

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

ในการให้คำปรึกษาด้าน CRO และ UX นั้น FCP และ Core Web Vitals ที่เกี่ยวข้องมักจะถูกประเมินตั้งแต่เนิ่นๆ ในการตรวจสอบทางเทคนิค เนื่องจากหน้าเว็บที่โหลดช้าจะส่งผลเสียต่อตัวชี้วัดการแปลงทั้งหมด ไม่ว่าหน้าเว็บนั้นจะได้รับการออกแบบมาดีเพียงใดก็ตาม และเนื่องจากตั้งแต่ปี 2021 สัญญาณประสบการณ์การใช้งานหน้าเว็บ รวมถึงประสิทธิภาพการโหลด ได้ถูกนำมาพิจารณาในอัลกอริทึมการจัดอันดับการค้นหาของ Google ซึ่งเชื่อมโยงงานด้านประสิทธิภาพโดยตรงกับทั้งอัตราการแปลงและการมองเห็นในผลการค้นหาแบบออร์แกนิกไปพร้อมๆ กัน กลยุทธ์การแก้ไขทั่วไป ได้แก่ การเพิ่มประสิทธิภาพและบีบอัดรูปภาพ การลด JavaScript และ CSS ที่บล็อกการแสดงผลในเส้นทางการแสดงผลที่สำคัญ การใช้แคชของเบราว์เซอร์ และการใช้เครือข่ายการส่งเนื้อหา ซึ่งทั้งหมดนี้มักจะแนะนำให้ทำควบคู่ไปกับงาน CRO ที่เน้นการออกแบบและเนื้อหาเชิงลึกที่เกิดขึ้นพร้อมกันในหน้าเว็บเดียวกัน เนื่องจากประสิทธิภาพที่ลดลงมักจะค่อยๆ เกิดขึ้นเมื่อมีการเพิ่มสคริปต์และแท็กของบุคคลที่สามใหม่ๆ เข้าไปเรื่อยๆ การตรวจสอบอย่างต่อเนื่องจึงมักจำเป็นมากกว่าการแก้ไขเพียงครั้งเดียว เพื่อรักษาระดับ FCP ให้อยู่ในระดับที่ยอมรับได้