Publicado em: 9 de dezembro de 2025
A Monrif é um dos principais grupos editoriais da Itália, operando marcas de notícias de alto tráfego, como Il Resto del Carlino, Il Giorno, La Nazione e QN Quotidiano.net. Com milhões de usuários acessando dezenas de artigos por sessão, otimizar a velocidade de navegação e o tempo de carregamento da página é essencial para a retenção e o engajamento dos leitores.
No início de 2025, a Monrif iniciou uma iniciativa de performance focada em melhorar a Maior exibição de conteúdo (LCP) ao adotar uma estratégia de pré-renderização eficaz com a API Speculation Rules. Ao identificar as páginas de artigos mais visitadas e aplicar a pré-renderização nesses caminhos, a Monrif alcançou uma melhoria de até 17,9% no LCP, o que representa uma melhoria mensurável na performance e experiências de notícias fáceis de usar. Além disso, isso resultou em um aumento notável no engajamento dos usuários, com picos de +8,9% em alguns segmentos.
Incentivada pelo sucesso da pré-renderização, a equipe também implementou o suporte ao cache de avanço e retorno (bfcache). Isso permitiu que os visitantes recorrentes tivessem tempos de carregamento quase instantâneos ao voltar para páginas visitadas anteriormente, contribuindo ainda mais para uma experiência de navegação perfeita e responsiva.
Onde começamos
Antes do lançamento, os testes internos e os dados do Chrome User Experience Report (CrUX) mostraram que muitas páginas da Monrif, principalmente as visualizações de artigos e da página inicial, tinham pontuações de LCP abaixo do ideal.
Antes das otimizações iniciadas antes de março de 2025, a LCP do percentil 75 para visualizações da página inicial em vários títulos variava de 2,333 segundos a 2,419 segundos. Embora tecnicamente dentro do limite "bom" (2,5 segundos ou menos), ainda havia espaço para melhorar o desempenho percebido pelo usuário durante padrões de navegação de alta frequência.
Como melhoramos a LCP
Para reduzir a latência durante as navegações, a Monrif implementou a pré-renderização especulativa em todos os domínios de computadores e dispositivos móveis usando a API Speculation Rules. A estratégia foi projetada para equilibrar o impacto na performance com a segurança técnica, permitindo a pré-renderização somente quando os elementos de link correspondiam a seletores e condições específicas.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
O nível de interesse foi definido como moderate para qualquer link (com algumas exclusões). Essa configuração especula ao passar o cursor (em computadores) e com base em heurísticas de viewport (em dispositivos móveis). Essa abordagem permitiu que a equipe controlasse o escopo da pré-renderização apenas para os links mais prováveis, minimizando o uso de recursos.
Os resultados
Para avaliar o impacto da pré-renderização, concentramos nossa análise em três grandes publicações da Monrif: Il Resto del Carlino, Il Giorno e La Nazione, usando dados do GA4 e métricas do CrUX.
Embora a pré-renderização estivesse ativada em computadores e dispositivos móveis, a incidência foi significativamente maior em computadores, já que "moderate" permitia que todos os links ficassem no escopo ao passar o cursor sobre eles. Por exemplo, em La Nazione, 13,9% das visualizações da Web (computador) acionaram a pré-renderização, em comparação com apenas 2,9% em dispositivos móveis. Como resultado, as melhorias de desempenho foram mais visíveis e consistentes em plataformas de computador, que se tornaram o principal escopo deste estudo.
No final de maio de 2025, a performance do LCP melhorou significativamente nas três publicações, conforme mostrado nos dados da CrUX para computador:
Essas melhorias refletiram de perto os picos na atividade de pré-renderização. A tabela a seguir mostra as maiores ocorrências de pré-renderização (por volume e por aumento percentual em relação à média) para cada site em computadores:
Em todos os títulos, os menores valores de LCP foram observados em períodos muito sobrepostos, assim como os eventos de pré-renderização mais altos, principalmente entre meados de maio e início de junho de 2025. Essa sincronia sugere uma forte correlação entre a pré-renderização especulativa e os ganhos de performance no mundo real.
O efeito do engajamento
Paralelamente aos ganhos de LCP, a Monrif registrou um aumento mensurável no engajamento do usuário durante o lançamento da pré-renderização. Ao analisar os dados do GA4 em Il Resto del Carlino, Il Giorno e La Nazione, a taxa de engajamento melhorou significativamente nas semanas em que a pré-renderização estava mais ativa.
Confira um detalhamento da correlação entre a intensidade da pré-renderização, a melhoria do LCP e o aumento do engajamento em computadores:
Embora vários fatores influenciem o engajamento, a correlação temporal próxima sugere que uma performance melhor percebida com pré-renderização leva a uma interação mais profunda e sustentada do usuário.
Impacto da publicidade
Embora o objetivo principal da Monrif fosse melhorar a experiência do usuário e a performance, a iniciativa também parece ter tido efeitos positivos nas métricas de publicidade.
Em particular, as taxas de visibilidade no mercado aberto, um indicador fundamental da visibilidade do anúncio e da qualidade do inventário, mostraram uma melhoria modesta, mas consistente, durante o lançamento da pré-renderização. Nas três principais publicações, a visibilidade média melhorou 1,03%, seguindo de perto as semanas de maior atividade de pré-renderização. Assim como na análise de performance e engajamento, esses números se concentram no tráfego de computadores para garantir a consistência entre os conjuntos de dados.
Essa melhoria, embora pequena em termos absolutos, é significativa: mesmo ganhos marginais na visibilidade podem aumentar a qualidade percebida do inventário, aumentar as taxas de preenchimento e melhorar a confiança do anunciante.
É importante notar como isso se relaciona às melhorias de performance. Ao reduzir a LCP e melhorar a velocidade de navegação, a Monrif ajudou as páginas a carregar mais rápido e manteve os usuários mais engajados. Isso aumenta a probabilidade de os anúncios permanecerem na janela de visualização por mais tempo e serem vistos.
Como melhorar a navegação instantânea com o bfcache
Além da pré-renderização, a Monrif trabalhou para desbloquear o suporte ao cache de avanço e retorno (bfcache) do navegador, um mecanismo de desempenho que permite restaurações instantâneas de páginas quando os usuários navegam usando os botões "Voltar" ou "Avançar" do navegador.
Para garantir a compatibilidade com o bfcache, os desenvolvedores resolveram vários bloqueadores comuns:
- Removemos os listeners de eventos
unloadporque eles não são confiáveis e serão descontinuados em breve. - Adotamos um cabeçalho
Permissions-Policyestrito para evitar a reintrodução de listeners de eventosunload, principalmente por terceiros. - Implementados listeners de eventos
pagehidepara fechar conexões com segurança (por exemplo, IndexedDB, WebSocket). - Evite o uso de
Cache-Control: no-store, a menos que seja estritamente necessário, já que isso pode bloquear o bfcache em muitos casos.
Embora a equipe ainda não tivesse dados suficientes para isolar o impacto do bfcache com o mesmo rigor estatístico usado para a pré-renderização, os primeiros testes e rastreamentos do Chrome DevTools confirmaram que as navegações compatíveis foram totalmente restauradas da memória, oferecendo tempos de carregamento inferiores a um segundo ao navegar de volta para artigos visualizados anteriormente.
Conclusão
Ao integrar a pré-renderização especulativa, a Monrif melhorou significativamente a LCP nos sites de notícias, alcançando uma redução de até 17,9% no tempo de carregamento. Essas melhorias não só aumentaram a performance percebida, mas também resultaram em ganhos mensuráveis no engajamento dos usuários nos principais títulos.
Além disso, esse caso sugere que as otimizações de performance centradas no usuário podem gerar benefícios de monetização downstream, melhorando as condições que afetam como e quando os anúncios são veiculados.
Este estudo de caso demonstra como as otimizações modernas de navegação, como a pré-renderização, podem melhorar as Core Web Vitals em grande escala, mesmo em plataformas com muito conteúdo, e se traduzir em melhorias mensuráveis na experiência do usuário e nos resultados comerciais.