เผยแพร่: 9 ธันวาคม 2025
Monrif เป็นหนึ่งในกลุ่มสำนักพิมพ์ชั้นนำของอิตาลีที่ดำเนินงานแบรนด์ข่าวที่มีการเข้าชมสูง เช่น Il Resto del Carlino, Il Giorno, La Nazione และ QN Quotidiano.net การมีผู้ใช้หลายล้านคนเข้าถึงบทความหลายสิบรายการต่อเซสชันทำให้การเพิ่มประสิทธิภาพความเร็วในการนำทางและเวลาในการโหลดหน้าเว็บเป็นสิ่งสำคัญสำหรับการรักษาผู้เข้าชมและการมีส่วนร่วม
ในช่วงต้นปี 2025 Monrif ได้เริ่มโครงการริเริ่มด้านประสิทธิภาพโดยมุ่งเน้นที่การปรับปรุง Largest Contentful Paint (LCP) ด้วยการใช้กลยุทธ์การแสดงผลล่วงหน้าที่มีประสิทธิภาพร่วมกับ Speculation Rules API การระบุหน้าบทความที่มีการเข้าชมมากที่สุดและการใช้การแสดงผลล่วงหน้าสำหรับเส้นทางเหล่านั้นช่วยให้ Monrif ปรับปรุง LCP ได้สูงสุด 17.9% ซึ่งเป็นการปรับปรุงประสิทธิภาพที่วัดผลได้และประสบการณ์ข่าวสารที่ใช้งานง่าย นอกจากนี้ ยังส่งผลให้การมีส่วนร่วมของผู้ใช้เพิ่มขึ้นอย่างเห็นได้ชัด โดยเพิ่มขึ้นสูงสุด +8.9% ในบางกลุ่ม
ทีมงานได้รับกำลังใจจากความสำเร็จของการแสดงตัวอย่าง จึงได้เพิ่มการรองรับ Back-Forward Cache (bfcache) ด้วย ซึ่งช่วยให้ผู้เข้าชมที่กลับมาได้รับประสบการณ์การโหลดที่รวดเร็วทันใจเมื่อกลับไปที่หน้าที่เข้าชมก่อนหน้านี้ ซึ่งช่วยให้ประสบการณ์การท่องเว็บราบรื่นและตอบสนองได้ดียิ่งขึ้น
จุดเริ่มต้นของเรา
ก่อนการเปิดตัว การทดสอบภายในและข้อมูลรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) แสดงให้เห็นว่าหน้าเว็บของ Monrif หลายหน้า โดยเฉพาะหน้าบทความและหน้าแรก มีคะแนน LCP ที่ไม่เหมาะสม
ก่อนที่จะเริ่มความพยายามในการเพิ่มประสิทธิภาพก่อนเดือนมีนาคม 2025 LCP เปอร์เซ็นไทล์ที่ 75 สำหรับการดูหน้าแรกในภาพยนตร์/รายการทีวีหลายเรื่องมีตั้งแต่ 2.333 วินาทีถึง 2.419 วินาที แม้ว่าในทางเทคนิคแล้วจะอยู่ในเกณฑ์ "ดี" (2.5 วินาทีหรือน้อยกว่า) แต่ก็ยังสามารถปรับปรุงประสิทธิภาพที่ผู้ใช้รับรู้ได้ในระหว่างรูปแบบการนำทางที่มีความถี่สูง
วิธีที่เราปรับปรุง LCP
Monrif ใช้การแสดงผลล่วงหน้าแบบคาดการณ์ในโดเมนบนเดสก์ท็อปและอุปกรณ์เคลื่อนที่ทั้งหมดโดยใช้ Speculation Rules API เพื่อลดเวลาในการตอบสนองระหว่างการไปยังส่วนต่างๆ กลยุทธ์นี้ออกแบบมาเพื่อสร้างสมดุลระหว่างผลกระทบต่อประสิทธิภาพกับความปลอดภัยทางเทคนิค โดยอนุญาตให้แสดงผลล่วงหน้าเฉพาะเมื่อองค์ประกอบลิงก์ตรงกับตัวเลือกและเงื่อนไขที่เฉพาะเจาะจง
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
ระบบตั้งค่าระดับความกระตือรือร้นเป็น moderate สำหรับลิงก์ทั้งหมด (โดยมีข้อยกเว้นบางอย่าง) การตั้งค่านี้คาดการณ์เมื่อวางเมาส์เหนือ (ในเดสก์ท็อป) และอิงตามฮิวริสติกของวิวพอร์ต (ในอุปกรณ์เคลื่อนที่) แนวทางนี้ช่วยให้ทีมควบคุมขอบเขตการแสดงผลล่วงหน้าให้เฉพาะลิงก์ที่น่าจะจำเป็นมากที่สุดได้ จึงช่วยลดการใช้ทรัพยากร
ผลลัพธ์
ในการประเมินผลกระทบของการแสดงผลล่วงหน้า เรามุ่งเน้นการวิเคราะห์ที่สิ่งพิมพ์หลัก 3 รายการของ Monrif ได้แก่ Il Resto del Carlino, Il Giorno และ La Nazione โดยใช้ข้อมูล GA4 และเมตริก CrUX
แม้ว่าการแสดงผลล่วงหน้าจะเปิดใช้ทั้งในเดสก์ท็อปและอุปกรณ์เคลื่อนที่ แต่เหตุการณ์นี้เกิดขึ้นในเดสก์ท็อปสูงกว่าอย่างมาก เนื่องจาก "moderate" อนุญาตให้ลิงก์ทั้งหมดอยู่ในขอบเขตเมื่อวางเมาส์ ตัวอย่างเช่น ใน La Nazione การดูเว็บ (เดสก์ท็อป) 13.9% ทำให้เกิดการแสดงผลล่วงหน้า เทียบกับ 2.9% บนอุปกรณ์เคลื่อนที่ ด้วยเหตุนี้ การปรับปรุงประสิทธิภาพจึงมองเห็นได้ชัดเจนและสอดคล้องกันมากขึ้นในแพลตฟอร์มเดสก์ท็อป ซึ่งกลายเป็นขอบเขตหลักของการศึกษานี้
ภายในช่วงปลายเดือนพฤษภาคม 2025 ประสิทธิภาพ LCP ได้รับการปรับปรุงอย่างมากในสื่อเผยแพร่ทั้ง 3 รายการ ดังที่เห็นในข้อมูล CrUX ของเดสก์ท็อป
การปรับปรุงเหล่านี้สะท้อนให้เห็นถึงช่วงที่มีกิจกรรมการแสดงผลล่วงหน้าสูงสุด ตารางต่อไปนี้แสดงการเกิดการแสดงผลล่วงหน้าสูงสุด ทั้งตามปริมาณและตามเปอร์เซ็นต์ที่เพิ่มขึ้นเมื่อเทียบกับค่าเฉลี่ยของแต่ละเว็บไซต์ในเดสก์ท็อป
ในทุกชื่อ LCP ที่ต่ำที่สุดจะสังเกตได้ภายในกรอบเวลาที่ทับซ้อนกันอย่างมากเนื่องจากเหตุการณ์การแสดงผลล่วงหน้าที่สูงที่สุด โดยเฉพาะอย่างยิ่งระหว่างกลางเดือนพฤษภาคมถึงต้นเดือนมิถุนายน 2025 ความสอดคล้องนี้แสดงให้เห็นถึงความสัมพันธ์ที่แข็งแกร่งระหว่างการแสดงผลล่วงหน้าแบบคาดการณ์กับการเพิ่มประสิทธิภาพในโลกแห่งความเป็นจริง
ผลลัพธ์จากการมีส่วนร่วม
ควบคู่ไปกับการเพิ่มขึ้นของ LCP Monrif ยังบันทึกการมีส่วนร่วมของผู้ใช้ที่เพิ่มขึ้นอย่างเห็นได้ชัดในระหว่างการเปิดตัวการแสดงผลล่วงหน้า การวิเคราะห์ข้อมูลจาก GA4 ใน Il Resto del Carlino, Il Giorno และ La Nazione พบว่าอัตราการมีส่วนร่วมเพิ่มขึ้นอย่างมีนัยสำคัญในสัปดาห์ที่มีการแสดงผลล่วงหน้ามากที่สุด
ต่อไปนี้คือรายละเอียดความสัมพันธ์ระหว่างความเข้มของการแสดงผลล่วงหน้า การปรับปรุง LCP และการมีส่วนร่วมที่เพิ่มขึ้นในเดสก์ท็อป
แม้ว่าจะมีหลายปัจจัยที่ส่งผลต่อการมีส่วนร่วม แต่ความสัมพันธ์ชั่วคราวที่ใกล้เคียงกันแสดงให้เห็นว่าประสิทธิภาพที่รับรู้ได้ดีขึ้นด้วยการแสดงผลล่วงหน้าจะนำไปสู่การโต้ตอบของผู้ใช้ที่ลึกซึ้งและยั่งยืนมากขึ้น
ผลกระทบจากการโฆษณา
แม้ว่าเป้าหมายหลักของ Monrif คือการปรับปรุงประสบการณ์ของผู้ใช้และประสิทธิภาพ แต่ดูเหมือนว่าโครงการริเริ่มนี้จะส่งผลดีต่อเมตริกการโฆษณาด้วย
โดยเฉพาะอย่างยิ่ง อัตราการมองเห็นโฆษณาในตลาดเปิด ซึ่งเป็นตัวบ่งชี้ที่สำคัญของการมองเห็นโฆษณาและคุณภาพพื้นที่โฆษณา แสดงให้เห็นการปรับปรุงที่สอดคล้องกันแม้จะเล็กน้อยในระหว่างการเปิดตัวการแสดงผลล่วงหน้า การมองเห็นโฆษณาโดยเฉลี่ยในสื่อหลักทั้ง 3 รายการเพิ่มขึ้น 1.03% ซึ่งใกล้เคียงกับสัปดาห์ที่มีกิจกรรมการแสดงผลล่วงหน้าสูงสุด เช่นเดียวกับการวิเคราะห์ประสิทธิภาพและการมีส่วนร่วม ตัวเลขเหล่านี้มุ่งเน้นที่การเข้าชมบนเดสก์ท็อปเพื่อให้มั่นใจถึงความสอดคล้องกันในชุดข้อมูล
การปรับปรุงนี้แม้จะเล็กน้อยในแง่ของตัวเลขที่แน่นอน แต่ก็มีความหมายอย่างยิ่ง กล่าวคือ แม้ว่าการเพิ่มการมองเห็นเพียงเล็กน้อยก็สามารถปรับปรุงคุณภาพของพื้นที่โฆษณาที่รับรู้ เพิ่มอัตราการแสดงโฆษณา และปรับปรุงความไว้วางใจของผู้ลงโฆษณาได้
สิ่งที่โดดเด่นเป็นพิเศษคือวิธีที่การเปลี่ยนแปลงนี้เชื่อมโยงกับการเพิ่มประสิทธิภาพ การลด LCP และการปรับปรุงความเร็วในการนำทางช่วยให้ Monrif โหลดหน้าเว็บได้เร็วขึ้นและทำให้ผู้ใช้มีส่วนร่วมมากขึ้น ซึ่งจะเพิ่มโอกาสที่โฆษณาจะอยู่ในวิวพอร์ตนานขึ้นและมีแนวโน้มที่จะได้รับการมองเห็นมากขึ้น
การปรับปรุงการนำทางทันทีด้วย bfcache
นอกจากนี้ Monrif ยังได้พยายามปลดล็อกการรองรับฟีเจอร์ Back-Forward Cache (bfcache) ของเบราว์เซอร์ ซึ่งเป็นกลไกด้านประสิทธิภาพที่ช่วยให้สามารถกู้คืนหน้าเว็บได้ทันทีเมื่อผู้ใช้ไปยังส่วนต่างๆ โดยใช้ปุ่มย้อนกลับหรือปุ่มไปข้างหน้าของเบราว์เซอร์
นักพัฒนาแอปได้แก้ไขตัวบล็อกทั่วไปหลายรายการเพื่อให้มั่นใจว่าแคชย้อนกลับจะเข้ากันได้
- นำ Listener เหตุการณ์
unloadออกเนื่องจากไม่น่าเชื่อถือและจะเลิกใช้งานในเร็วๆ นี้ - ใช้ส่วนหัว
Permissions-Policyที่เข้มงวดเพื่อป้องกันไม่ให้มีการนำ Listener เหตุการณ์unloadกลับมาใช้ใหม่ (โดยเฉพาะอย่างยิ่งจากบุคคลที่สาม) - ใช้
pagehideเครื่องมือฟังเหตุการณ์เพื่อปิดการเชื่อมต่ออย่างปลอดภัย (เช่น IndexedDB, WebSocket) - หลีกเลี่ยงการใช้
Cache-Control: no-storeเว้นแต่จะจำเป็นอย่างยิ่ง เนื่องจากการใช้ดังกล่าวอาจบล็อกแคชย้อนกลับ/แคชไปข้างหน้าในหลายกรณี
แม้ว่าทีมจะยังไม่มีข้อมูลเพียงพอที่จะแยกผลกระทบของ bfcache ด้วยความเข้มงวดทางสถิติแบบเดียวกันที่ใช้สำหรับการแสดงผลล่วงหน้า แต่การทดสอบเบื้องต้นและการติดตามใน Chrome DevTools ยืนยันว่าการนำทางที่เข้ากันได้ได้รับการกู้คืนจากหน่วยความจำอย่างสมบูรณ์ ซึ่งทำให้เวลาในการโหลดต่ำกว่า 1 วินาทีเมื่อกลับไปที่บทความที่ดูแล้วก่อนหน้านี้
บทสรุป
การผสานรวมการแสดงผลล่วงหน้าแบบคาดการณ์ช่วยให้ Monrif ปรับปรุง LCP บนเว็บไซต์ข่าวได้อย่างมาก โดยลดเวลาในการโหลดได้ถึง 17.9% การปรับปรุงเหล่านี้ไม่เพียงแต่ช่วยเพิ่มประสิทธิภาพที่รับรู้ได้ แต่ยังส่งผลให้การมีส่วนร่วมของผู้ใช้ในภาพยนตร์และรายการทีวีหลักๆ เพิ่มขึ้นอย่างวัดผลได้ด้วย
นอกจากนี้ กรณีนี้ยังชี้ให้เห็นว่าการเพิ่มประสิทธิภาพที่เน้นผู้ใช้เป็นหลักจะสร้างประโยชน์ในการสร้างรายได้ในภายหลังได้ด้วยการปรับปรุงเงื่อนไขที่มีผลต่อวิธีและเวลาที่ผู้ใช้เห็นโฆษณา
กรณีศึกษาแสดงให้เห็นว่าการเพิ่มประสิทธิภาพการนำทางที่ทันสมัย เช่น การแสดงผลล่วงหน้า สามารถปรับปรุง Core Web Vitals ได้ในวงกว้าง แม้แต่ในแพลตฟอร์มที่มีเนื้อหาจำนวนมาก และส่งผลให้ประสบการณ์ของผู้ใช้และผลลัพธ์ทางธุรกิจดีขึ้นอย่างเห็นได้ชัด