Ngày xuất bản: 9 tháng 12 năm 2025
Monrif là một trong những tập đoàn xuất bản hàng đầu tại Ý, vận hành các thương hiệu tin tức có lưu lượng truy cập cao như Il Resto del Carlino, Il Giorno, La Nazione và QN Quotidiano.net. Với hàng triệu người dùng truy cập vào hàng chục bài viết mỗi phiên, việc tối ưu hoá tốc độ điều hướng và thời gian tải trang là điều cần thiết để giữ chân và thu hút độc giả.
Vào đầu năm 2025, Monrif bắt đầu một sáng kiến về hiệu suất tập trung vào việc cải thiện Nội dung lớn nhất hiển thị (LCP) bằng cách áp dụng một chiến lược kết xuất trước hiệu quả với Speculation Rules API. Bằng cách xác định các trang bài viết được truy cập nhiều nhất và áp dụng tính năng kết xuất trước cho những đường dẫn đó, Monrif đã đạt được mức cải thiện LCP lên đến 17,9% – một mức cải thiện đáng kể về hiệu suất và trải nghiệm tin tức thân thiện với người dùng. Hơn nữa, điều này đã giúp tăng đáng kể mức độ tương tác của người dùng, với mức tăng cao nhất là +8,9% ở một số phân khúc.
Được khích lệ bởi thành công của tính năng kết xuất trước, nhóm cũng đã triển khai tính năng hỗ trợ bộ nhớ đệm cho thao tác tiến/lùi (bfcache). Điều này giúp khách truy cập cũ có trải nghiệm tải gần như tức thì khi điều hướng quay lại các trang đã truy cập trước đó, góp phần mang lại trải nghiệm duyệt web liền mạch và có tính phản hồi.
Nơi chúng tôi bắt đầu
Trước khi triển khai, dữ liệu thử nghiệm nội bộ và Báo cáo trải nghiệm người dùng trên Chrome (CrUX) cho thấy nhiều trang của Monrif (đặc biệt là lượt xem bài viết và trang chủ) có điểm LCP không tối ưu.
Trước khi bắt đầu nỗ lực tối ưu hoá trước tháng 3 năm 2025, LCP ở phân vị thứ 75 đối với lượt xem trang chủ của một số tiêu đề dao động từ 2,333 giây đến 2,419 giây. Mặc dù về mặt kỹ thuật, LCP nằm trong ngưỡng "tốt" (2,5 giây trở xuống), nhưng vẫn có dư địa để cải thiện hiệu suất mà người dùng cảm nhận được trong các mẫu điều hướng tần suất cao.
Cách chúng tôi cải thiện LCP
Để giảm độ trễ trong quá trình điều hướng, Monrif đã triển khai tính năng kết xuất trước mang tính suy đoán trên tất cả các miền dành cho máy tính và thiết bị di động bằng Speculation Rules API. Chiến lược này được thiết kế để cân bằng tác động đến hiệu suất với sự an toàn về kỹ thuật, chỉ cho phép kết xuất trước khi các phần tử liên kết khớp với các bộ chọn và điều kiện cụ thể.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
Đã đặt mức độ mong muốn thành moderate cho mọi đường liên kết (có một số trường hợp ngoại lệ). Chế độ cài đặt này dự đoán khi di chuột (trên máy tính) và dựa trên các phương pháp phỏng đoán về khung hiển thị (trên thiết bị di động). Phương pháp này cho phép nhóm kiểm soát phạm vi kết xuất trước chỉ ở những đường liên kết có khả năng cần thiết nhất, nhờ đó giảm thiểu mức sử dụng tài nguyên.
Kết quả
Để đánh giá tác động của việc kết xuất trước, chúng tôi tập trung phân tích 3 ấn phẩm chính của Monrif là Il Resto del Carlino, Il Giorno và La Nazione bằng cách sử dụng dữ liệu GA4 và các chỉ số CrUX.
Mặc dù tính năng kết xuất trước được bật trên cả máy tính và thiết bị di động, nhưng tỷ lệ xuất hiện cao hơn đáng kể trên máy tính, vì "moderate" cho phép tất cả các đường liên kết khác nằm trong phạm vi khi người dùng di chuột. Ví dụ: trên La Nazione, 13,9% lượt xem trên web (máy tính) đã kích hoạt tính năng kết xuất trước, so với chỉ 2,9% trên thiết bị di động. Do đó, những cải thiện về hiệu suất trở nên rõ ràng và nhất quán hơn trên các nền tảng máy tính, và đây cũng là phạm vi chính của nghiên cứu này.
Đến cuối tháng 5 năm 2025, hiệu suất LCP đã cải thiện đáng kể trên cả 3 ấn phẩm, như bạn thấy trong dữ liệu CrUX trên máy tính:
Những điểm cải tiến này phản ánh sát sao các đỉnh trong hoạt động kết xuất trước. Bảng sau đây cho thấy số lần kết xuất trước cao nhất (cả về số lượng và mức tăng theo tỷ lệ phần trăm so với mức trung bình) cho mỗi trang web trên máy tính:
Đối với tất cả các tiêu đề, giá trị LCP thấp nhất được ghi nhận trong các khung thời gian trùng lặp đáng kể như các sự kiện kết xuất trước cao nhất, đặc biệt là từ giữa tháng 5 đến đầu tháng 6 năm 2025. Sự đồng bộ này cho thấy mối tương quan chặt chẽ giữa việc kết xuất trước mang tính suy đoán và mức tăng hiệu suất trong thực tế.
Hiệu ứng tương tác
Cùng với những lợi ích mà LCP mang lại, Monrif ghi nhận mức tăng đáng kể về mức độ tương tác của người dùng trong quá trình triển khai tính năng kết xuất trước. Khi phân tích dữ liệu từ GA4 trên Il Resto del Carlino, Il Giorno và La Nazione, tỷ lệ tương tác đã cải thiện đáng kể trong những tuần mà tính năng kết xuất trước hoạt động tích cực nhất.
Sau đây là thông tin chi tiết về mối tương quan giữa cường độ kết xuất trước, mức cải thiện LCP và mức tăng mức độ tương tác trên máy tính:
Mặc dù có nhiều yếu tố ảnh hưởng đến mức độ tương tác, nhưng mối tương quan chặt chẽ về thời gian cho thấy rằng hiệu suất được cảm nhận tốt hơn khi kết xuất trước sẽ dẫn đến mức độ tương tác sâu hơn và bền vững hơn của người dùng.
Ảnh hưởng đến quảng cáo
Mặc dù mục tiêu chính của Monrif là cải thiện trải nghiệm người dùng và hiệu suất, nhưng sáng kiến này cũng có tác động tích cực đến các chỉ số quảng cáo.
Cụ thể, tỷ lệ xem được trên thị trường mở (một chỉ số chính về khả năng hiển thị quảng cáo và chất lượng khoảng không quảng cáo) đã cho thấy sự cải thiện khiêm tốn nhưng nhất quán trong quá trình triển khai tính năng kết xuất trước. Trong 3 ấn phẩm cốt lõi, khả năng xem trung bình đã tăng 1,03%, gần bằng với những tuần có hoạt động kết xuất trước cao nhất. Tương tự như phân tích hiệu suất và mức độ tương tác, những số liệu này tập trung vào lưu lượng truy cập trên máy tính để đảm bảo tính nhất quán giữa các tập dữ liệu.
Mặc dù không đáng kể về số lượng tuyệt đối, nhưng sự cải thiện này có ý nghĩa quan trọng: Ngay cả khi chỉ tăng một chút về khả năng hiển thị, bạn cũng có thể nâng cao chất lượng cảm nhận về khoảng không quảng cáo, tăng tỷ lệ lấp đầy và cải thiện niềm tin của nhà quảng cáo.
Điều đáng chú ý là cách tính năng này liên kết với các điểm cải thiện hiệu suất. Bằng cách giảm LCP và cải thiện tốc độ điều hướng, Monrif đã giúp các trang tải nhanh hơn và giữ chân người dùng hiệu quả hơn. Nhờ đó, quảng cáo có nhiều khả năng sẽ xuất hiện lâu hơn trong khung hiển thị và có nhiều khả năng được nhìn thấy hơn.
Cải thiện tính năng điều hướng tức thì bằng bfcache
Cùng với tính năng kết xuất trước, Monrif đã nỗ lực để hỗ trợ bộ nhớ đệm cho thao tác tiến/lùi (bfcache) của trình duyệt – một cơ chế hiệu suất cho phép khôi phục trang ngay lập tức khi người dùng điều hướng bằng nút quay lại hoặc nút tiến của trình duyệt.
Để đảm bảo khả năng tương thích với bộ nhớ đệm chuyển tiếp/quay lại, các nhà phát triển đã giải quyết một số vấn đề chặn phổ biến:
- Xoá trình nghe sự kiện
unloadvì những trình nghe này không đáng tin cậy và sắp không được dùng nữa. - Áp dụng tiêu đề
Permissions-Policynghiêm ngặt để ngăn việc giới thiệu lại trình nghe sự kiệnunload(đặc biệt là của bên thứ ba). - Triển khai trình nghe sự kiện
pagehideđể đóng các kết nối một cách an toàn (ví dụ: IndexedDB, WebSocket). - Tránh sử dụng
Cache-Control: no-storetrừ phi thực sự cần thiết, vì điều đó có thể chặn bfcache trong nhiều trường hợp.
Mặc dù nhóm chưa có đủ dữ liệu để tách biệt tác động của bộ nhớ đệm chuyển tiếp và quay lại với độ chính xác thống kê tương tự như khi kết xuất trước, nhưng các thử nghiệm ban đầu và dấu vết Công cụ của Chrome cho nhà phát triển đã xác nhận rằng các thao tác điều hướng tương thích đã được khôi phục hoàn toàn từ bộ nhớ, mang lại thời gian tải dưới một giây khi điều hướng quay lại các bài viết đã xem trước đó.
Kết luận
Bằng cách tích hợp tính năng kết xuất trước suy đoán, Monrif đã cải thiện đáng kể LCP trên các trang web tin tức của mình, đạt được mức giảm thời gian tải lên đến 17,9%. Những điểm cải tiến này không chỉ cải thiện hiệu suất cảm nhận mà còn mang lại những lợi ích có thể đo lường được về mức độ tương tác của người dùng đối với các tiêu đề cốt lõi.
Hơn nữa, trường hợp này cho thấy rằng việc tối ưu hoá hiệu suất lấy người dùng làm trung tâm có thể mang lại lợi ích về việc kiếm tiền ở giai đoạn sau, bằng cách cải thiện các điều kiện ảnh hưởng đến cách thức và thời điểm người dùng nhìn thấy quảng cáo.
Nghiên cứu điển hình này minh hoạ cách các hoạt động tối ưu hoá điều hướng hiện đại như kết xuất trước có thể cải thiện Chỉ số quan trọng chính của trang web ở quy mô lớn (ngay cả trên các nền tảng có nhiều nội dung) và mang lại những điểm cải thiện có thể đo lường được về trải nghiệm người dùng và kết quả kinh doanh.