게시일: 2025년 12월 9일
Monrif는 이탈리아의 대표적인 출판 그룹 중 하나로, Il Resto del Carlino, Il Giorno, La Nazione, QN Quotidiano.net과 같은 트래픽이 많은 뉴스 브랜드를 운영하고 있습니다. 세션당 수십 개의 기사에 액세스하는 사용자가 수백만 명에 달하므로 탐색 속도와 페이지 로드 시간을 최적화하는 것이 독자 유지 및 참여에 필수적입니다.
2025년 초 Monrif는 Speculation Rules API를 사용하여 효과적인 사전 렌더링 전략을 채택하여 Largest Contentful Paint (LCP)를 개선하는 데 중점을 둔 성능 이니셔티브를 시작했습니다. Monrif는 가장 많이 방문한 도움말 페이지를 파악하고 해당 경로에 사전 렌더링을 적용하여 LCP를 최대 17.9% 개선했습니다. 이는 성능과 사용자 친화적인 뉴스 환경이 측정 가능하게 개선된 것입니다. 또한 사용자 참여도 눈에 띄게 증가하여 일부 세그먼트에서는 최대 8.9%에 달했습니다.
사전 렌더링의 성공에 힘입어 팀은 뒤로-앞으로 캐시 (bfcache) 지원도 구현했습니다. 이를 통해 재방문자가 이전에 방문한 페이지로 다시 이동할 때 거의 즉각적인 로드 시간을 경험할 수 있어 원활하고 반응성이 뛰어난 탐색 환경에 더욱 기여할 수 있습니다.
시작
출시 전 내부 테스트와 Chrome 사용자 환경 보고서(CrUX) 데이터에 따르면 많은 Monrif 페이지(특히 기사 및 홈페이지 조회수)의 LCP 점수가 최적화되지 않은 것으로 나타났습니다.
2025년 3월 이전에 최적화 노력이 시작되기 전에는 여러 타이틀의 홈페이지 조회에 대한 75번째 백분위수 LCP가 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로 설정되었습니다. 이 설정은 마우스 오버 (데스크톱) 및 뷰포트 휴리스틱 (모바일)을 기반으로 추측합니다. 이 접근 방식을 통해 팀은 사전 렌더링 범위를 가장 필요할 가능성이 높은 링크로만 제어하여 리소스 사용량을 최소화할 수 있었습니다.
결과
사전 렌더링의 영향을 평가하기 위해 GA4 데이터와 CrUX 측정항목을 사용하여 Il Resto del Carlino, Il Giorno, La Nazione의 세 가지 주요 Monrif 간행물을 분석했습니다.
사전 렌더링은 데스크톱과 모바일 모두에서 사용 설정되었지만, "moderate"를 사용하면 마우스를 가져갔을 때 모든 더보기 링크가 범위 내에 포함되므로 데스크톱에서 발생률이 훨씬 높았습니다. 예를 들어 La Nazione의 경우 웹 (데스크톱) 조회 중 13.9% 가 사전 렌더링을 트리거한 반면 모바일에서는 2.9% 에 불과했습니다. 그 결과 데스크톱 플랫폼에서 성능 개선이 더 눈에 띄고 일관되게 나타났으며, 데스크톱 플랫폼이 이 연구의 주요 범위가 되었습니다.
2025년 5월 말까지 CrUX 데스크톱 데이터에서 볼 수 있듯이 세 가지 게시물 모두에서 LCP 성능이 크게 개선되었습니다.
이러한 개선사항은 사전 렌더링 활동의 피크를 밀접하게 반영했습니다. 다음 표에는 데스크톱의 각 사이트에서 가장 많이 발생한 사전 렌더링(볼륨 및 평균 대비 증가율 기준)이 표시됩니다.
모든 타이틀에서 가장 낮은 LCP 값은 가장 높은 사전 렌더링 이벤트와 시간대가 크게 겹치는 기간(특히 2025년 5월 중순부터 6월 초)에 관찰되었습니다. 이러한 동시성은 추측에 기반한 사전 렌더링과 실제 성능 향상 간에 강력한 상관관계가 있음을 시사합니다.
참여 효과
LCP 개선과 함께 Monrif는 사전 렌더링 출시 중에 사용자 참여도가 측정 가능할 정도로 증가했습니다. Il Resto del Carlino, Il Giorno, La Nazione의 GA4 데이터를 분석한 결과, 사전 렌더링이 가장 활발한 주에 참여도가 크게 개선되었습니다.
다음은 데스크톱에서 사전 렌더링 강도, LCP 개선, 참여도 향상 간의 상관관계를 분석한 결과입니다.
참여도에 영향을 미치는 요인은 여러 가지이지만, 시간적 상관관계가 높다는 점은 사전 렌더링을 통해 더 나은 성능을 인식하면 더 깊고 지속적인 사용자 상호작용으로 이어진다는 것을 시사합니다.
광고 영향
Monrif의 기본 목표는 사용자 환경과 실적을 개선하는 것이었지만, 이 이니셔티브는 광고 측정항목에도 긍정적인 영향을 미친 것으로 보입니다.
특히 광고 노출 및 인벤토리 품질의 주요 지표인 공개 시장의 조회가능성 비율은 사전 렌더링 출시 기간 동안 꾸준히 개선되었습니다. 3개의 핵심 게시물에서 평균 조회 가능성이 1.03% 개선되었으며, 이는 사전 렌더링 활동이 가장 많은 주와 거의 일치합니다. 실적 및 참여도 분석과 마찬가지로 데이터 세트 간의 일관성을 보장하기 위해 데스크톱 트래픽에 중점을 둡니다.
절대적인 수치로 보면 작은 개선이지만, 가시성이 조금만 높아져도 인벤토리의 인지된 품질이 향상되고, 게재율이 높아지며, 광고주의 신뢰도가 개선될 수 있습니다.
특히 주목할 만한 점은 이것이 성능 향상과 어떻게 관련되는지입니다. Monrif는 LCP를 줄이고 탐색 속도를 개선하여 페이지 로드 속도를 높이고 사용자 참여도를 높였습니다. 이렇게 하면 광고가 표시 영역에 더 오래 표시되고 광고가 표시될 가능성이 높아집니다.
bfcache를 사용하여 즉각적인 탐색 개선
Monrif는 사전 렌더링과 함께 브라우저의 뒤로/앞으로 캐시 (bfcache) 지원을 해제하기 위해 노력했습니다. 이는 사용자가 브라우저의 뒤로 또는 앞으로 버튼을 사용하여 이동할 때 페이지를 즉시 복원할 수 있는 성능 메커니즘입니다.
bfcache와의 호환성을 보장하기 위해 개발자는 몇 가지 일반적인 차단 요소를 해결했습니다.
unload이벤트 리스너가 신뢰할 수 없고 곧 지원 중단될 예정이므로 삭제했습니다.unload이벤트 리스너 (특히 서드 파티)가 다시 도입되지 않도록 엄격한Permissions-Policy헤더를 채택했습니다.- 연결 (예: IndexedDB, WebSocket)을 안전하게 닫기 위해
pagehide이벤트 리스너를 구현했습니다. - 대부분의 경우 bfcache를 차단할 수 있으므로 엄격하게 필요한 경우가 아니면
Cache-Control: no-store사용을 피했습니다.
팀에는 아직 사전 렌더링에 사용된 것과 동일한 통계적 엄격성을 사용하여 bfcache 영향을 격리할 수 있는 충분한 데이터가 없지만, 초기 테스트와 Chrome DevTools 추적을 통해 호환되는 탐색이 메모리에서 완전히 복원되어 이전에 본 적이 있는 문서로 다시 이동할 때 1초 미만의 로드 시간이 제공되는 것으로 확인되었습니다.
결론
Monrif는 추측 사전 렌더링을 통합하여 뉴스 웹사이트의 LCP를 크게 개선했으며, 로드 시간을 최대 17.9% 단축했습니다. 이러한 개선사항은 인지된 성능을 향상했을 뿐만 아니라 핵심 타이틀 전반에서 사용자 참여를 측정 가능한 수준으로 높였습니다.
또한 이 사례는 광고가 표시되는 방식과 시기에 영향을 미치는 조건을 개선하여 사용자 중심의 실적 최적화가 다운스트림 수익 창출 이점을 창출할 수 있음을 시사합니다.
이 사례 연구에서는 사전 렌더링과 같은 최신 탐색 최적화가 콘텐츠가 풍부한 플랫폼에서도 대규모로 핵심 성능 보고서를 개선하고 사용자 경험과 비즈니스 성과를 측정 가능한 수준으로 개선할 수 있는 방법을 보여줍니다.