Publisher 3.7 - Mais velocidade, mais eficiência, muito mais resultado

CWV – Core Web Vitals

São um conjunto de métricas do Google que avaliam a qualidade da experiência de navegação, considerando fatores como velocidade de carregamento, tempo de resposta às interações e estabilidade visual. Pensando nisso, o Publisher 3.7 foi desenvolvido com foco total em performance, com melhorias aplicadas diretamente nas principais métricas que compõem esse score, garantindo uma evolução consistente na experiência entregue ao usuário.

FCP (First Contentful Paint)

O que é?
É a métrica que indica quanto tempo leva para o primeiro conteúdo visível aparecer na tela após o acesso a uma página. Ele representa o momento em que o usuário começa a enxergar algo útil no site, sendo um dos principais indicadores de percepção de velocidade.

O que foi feito?
Foram aplicadas melhorias na forma como os estilos visuais são carregados, priorizando os elementos essenciais para o conteúdo exibido no primeiro scroll. Além disso, os arquivos de estilo foram reorganizados por tipo de página, como home, listagens e matérias, tornando o carregamento mais eficiente e direcionado.

Quais os benefícios para o seu portal
Com essa melhoria, o portal passa a apresentar conteúdo visível de forma mais rápida e consistente. Na prática, isso significa:

✔ Exibição inicial de conteúdo em menos de 2,1s
✔ Redução da taxa de abandono nos primeiros segundos de acesso
✔ Melhor percepção de velocidade em páginas como home e listagens
✔ Impacto positivo na avaliação de performance pelo Google

Essa evolução contribui para uma experiência mais imediata, aumentando o engajamento desde o primeiro contato do usuário com o portal.

LCP (Largest Contentful Paint)

O que é?
Mede quanto tempo leva para o principal conteúdo da página aparecer completamente na tela. Diferente do FCP, que indica o primeiro sinal visual, o LCP mostra quando o elemento mais importante, como o título, a imagem de destaque ou o bloco principal, já está carregado e pronto para leitura.

O que foi feito?
Foram priorizados os elementos essenciais para a exibição do conteúdo principal, garantindo que sejam carregados mais rapidamente. Além disso, as imagens passaram a ser entregues de forma otimizada conforme o dispositivo, e ajustes no carregamento de fontes permitem que os textos já sejam exibidos com a tipografia correta desde o início.

Quais os benefícios para o seu portal
O resultado é uma experiência de carregamento mais rápida e consistente, com o conteúdo principal disponível em menos tempo. Na prática, isso significa:

✔ Conteúdos principais disponíveis para leitura mais rapidamente
✔ Imagens e títulos exibidos de forma adequada para cada dispositivo
✔ Melhor experiência de abertura, especialmente no mobile
✔ Métrica com alto impacto na avaliação dos Core Web Vitals do Google

Essa melhoria fortalece a percepção de qualidade e velocidade do portal logo nos primeiros segundos de navegação.

TTFB (Time to First Byte)

O que é?
Tempo que o servidor leva para começar a responder após o acesso a uma página, enviando o primeiro byte de informação ao navegador. Ele representa o início do carregamento e indica a rapidez com que o site reage a uma requisição.

O que foi feito?
Foram implementadas melhorias no gerenciamento de cache de página e ajustes nas configurações do servidor para priorizar a entrega de arquivos estáticos. Com isso, o sistema consegue responder de forma mais direta, reduzindo a necessidade de acessar o banco de dados e processar informações a cada requisição.

Quais os benefícios para o seu portal
As otimizações trouxeram ganhos de até 600ms na métrica de carregamento, contribuindo diretamente para a melhoria da experiência do usuário e para melhores resultados nos Core Web Vitals. Na prática, isso significa:

✔ Navegação mais fluida desde os primeiros instantes
✔ Redução da taxa de rejeição nos acessos iniciais
✔ Melhora no potencial de ranqueamento no Google Search
✔ Mais chances de distribuição em plataformas como Discover e Google News

Essa evolução fortalece a performance geral do portal e sua capacidade de engajar e reter usuários desde o primeiro acesso.

TBT (Total Blocking Time)

O que é?
Mede o tempo em que a página fica sem conseguir responder a interações do usuário, como cliques, toques ou rolagem, enquanto ainda está carregando. Na prática, ele indica se o site está fluido ou se parece travado nos primeiros momentos de uso.

O que foi feito?
Foram realizadas melhorias na forma como o JavaScript é carregado e executado, com a consolidação de scripts em pacotes mais eficientes por tipo de página. Além disso, componentes como carrosséis foram otimizados para inicializar de forma progressiva, reduzindo a competição por recursos do navegador e tornando o carregamento mais equilibrado.

Quais os benefícios para o seu portal
O impacto direto é uma navegação mais fluida e responsiva, especialmente durante o carregamento inicial. Na prática, isso significa:

✔ Cliques e toques respondem com mais agilidade
✔ Menor sensação de travamento, principalmente no mobile
✔ Melhor desempenho em dispositivos com hardware mais limitado

Essa melhoria contribui para uma experiência mais contínua, reduzindo interrupções na navegação e aumentando o conforto do usuário ao interagir com o portal.

Nota: fatores externos, como scripts de publicidade programática, ainda podem influenciar essa métrica. Mesmo assim, as otimizações garantem a melhor performance possível dentro do contexto da plataforma.

CLS (Cumulative Layout Shift)

O que é?
Indica o quanto os elementos da página se movimentam enquanto ela está carregando. Ele indica a estabilidade visual do site, ou seja, se os conteúdos permanecem no lugar ou se mudam de posição de forma inesperada durante a navegação.

O que foi feito?
Foram implementados ajustes para garantir que imagens e componentes já tenham seu espaço definido antes do carregamento completo. Além disso, elementos como carrosséis e galerias passaram a manter suas proporções desde o início, assegurando uma estrutura visual mais previsível ao longo de toda a renderização.

Quais os benefícios para o seu portal
O resultado é uma experiência de leitura mais estável e confiável desde os primeiros momentos de acesso. Na prática, isso significa:

✔ Conteúdos permanecem estáveis durante o carregamento
✔ Mais segurança ao interagir com links e botões desde o início
✔ Imagens e componentes mantêm suas proporções corretamente
✔ Índice de 0,019, dentro da faixa considerada ideal pelo Google

Essa melhoria contribui para uma navegação mais confortável, reduzindo distrações e reforçando a qualidade percebida do portal.

Resultados e benefícios

As melhorias aplicadas em cada uma dessas métricas refletem diretamente no resultado final do portal. Em testes realizados em beta testers do Publisher 3.7, foi registrada uma melhora média de 38% no score de performance, evidenciando o impacto das otimizações na experiência de navegação e na competitividade do site nos ambientes do Google.

Impactos práticos no seu portal
Mais do que ganhos técnicos, essas evoluções se traduzem em benefícios diretos para a experiência do usuário e para os resultados do portal

Otimização de Imagens

O que é?
O Publisher gera automaticamente diferentes versões (crops) de cada imagem, que são utilizadas em diversos elementos do portal, como feeds de notícias, destaques e páginas de matéria. Como esses elementos visuais estão presentes em toda a navegação, as imagens se tornam um dos principais fatores que influenciam tanto a velocidade de carregamento quanto a percepção de qualidade do site.

O que foi feito?
Foi realizado um mapeamento completo da exibição de imagens, incluindo dispositivos com alta densidade de pixels, como telas retina, garantindo que cada contexto visual tenha a proporção e qualidade adequadas. A partir disso, foi implementada uma lógica de entrega adaptativa, em que cada dispositivo recebe a versão de imagem mais adequada ao seu tamanho de tela e densidade de pixels. Além disso, a imagem principal das matérias passou a ter prioridade no carregamento, assegurando que o conteúdo visual mais importante seja exibido mais rapidamente.

Quais os benefícios para o seu portal
Na prática, cada acesso passa a ter uma experiência mais eficiente e equilibrada entre qualidade e desempenho. Isso significa:

✔ Cada dispositivo carrega apenas a versão de imagem adequada
✔ Redução no consumo de dados e carregamento mais rápido no mobile
✔ Imagens mais nítidas em telas de alta resolução
✔ Exibição mais rápida do conteúdo visual principal das matérias

Essa melhoria contribui para uma navegação mais ágil e uma apresentação visual mais consistente em diferentes dispositivos.

Cache e Servidor

Otimização da indexação Google

O que é?
É o tempo que o Google leva para começar a receber uma resposta do seu site ao tentar acessar uma página. Na prática, mostra o quão rápido o portal responde para os robôs de indexação, impactando diretamente a forma como o conteúdo é analisado e processado pelo buscador.

O que foi feito?
Foram aplicadas melhorias na resposta do servidor que impactam diretamente esse tempo de carregamento, além da implementação de novos logs de monitoramento específicos para o GoogleBot. Isso permite acompanhar com mais precisão a entrega de conteúdo para o Google e garantir uma resposta mais rápida e consistente.

Quais os benefícios para o seu portal
Saímos de uma média de 750 ms para cerca de 300 ms, representando uma melhora aproximada de 65% na velocidade de resposta. Com isso:

✔ O Google consegue acessar o site de forma mais rápida e eficiente
✔ Melhor aproveitamento do crawl budget, permitindo indexar mais conteúdos
✔ Aumento do potencial de ranqueamento no Google Search
✔ Mais chances de distribuição em plataformas como Discover e Google News

Essa melhoria fortalece a capacidade do portal de ser encontrado, indexado e distribuído pelo Google de forma mais competitiva.

Otimização do Composer

O que é?
O Composer é o sistema responsável por carregar automaticamente os arquivos e funcionalidades dos plugins e bibliotecas do portal. Pense nele como um “organizador” que precisa encontrar rapidamente tudo o que o sistema precisa para funcionar. Antes da otimização, esse processo funcionava como alguém procurando um arquivo em várias pastas até encontrar o correto, com a melhoria, esse “organizador” passa a ter um índice pronto.

O que foi feito?
Foi implementada uma melhoria na forma como o Composer carrega os arquivos do sistema. Com a atualização, passou a ser utilizado um mapa otimizado que indica diretamente onde cada classe está localizada, tornando o processo de carregamento mais direto. Na prática, isso reduz o número de operações no servidor e contribui para páginas mais rápidas e uma execução mais eficiente do sistema.

Quais os benefícios para o seu portal
Redução de aproximadamente 52% no tempo de execução. Na prática, isso significa:

✔ O servidor responde mais rápido a cada requisição
✔ As páginas começam a carregar mais rapidamente para o usuário
✔ Redução de carga no servidor (menos uso de CPU e disco)
✔ Melhor desempenho em momentos de pico de acesso

Como o tempo de resposta do servidor é um dos fatores considerados pelo Google, essa melhoria contribui diretamente para uma melhor avaliação nos indicadores de performance e SEO.

Remoção do jQuery

O que é?
O jQuery é uma biblioteca JavaScript que por muitos anos foi utilizada para facilitar a criação de interações e funcionalidades em sites, como animações, menus e carrosséis. Hoje, grande parte desses recursos já pode ser feita diretamente com JavaScript nativo, sem a necessidade de bibliotecas adicionais, o que permite construir páginas mais leves e eficientes.

O que foi feito?
Os componentes principais do portal foram migrados para JavaScript nativo, eliminando a dependência do jQuery. Além disso, elementos como carrosséis foram reconstruídos utilizando soluções mais modernas e leves, mantendo o mesmo comportamento com uma execução mais eficiente.

Quais os benefícios para o seu portal
O resultado é uma base técnica mais enxuta e preparada para evoluções futuras. Na prática, isso significa:

✔ Menos código para o navegador baixar, processar e executar
✔ Redução estimada de 10–15% no FCP e 15–25% no TBT
✔ Estrutura mais moderna e simples de manter e evoluir

Essa melhoria contribui diretamente para ganhos de performance e para a construção de uma plataforma mais eficiente a longo prazo.

Sitemap estático

O que é?
O sitemap é um arquivo que funciona como um mapa do site para o Google, reunindo links de páginas importantes, como notícias, categorias e tags, para facilitar a descoberta e indexação do conteúdo. Com a melhoria implementada, esse mapa passa a ser gerado previamente e armazenado de forma organizada, ficando pronto para ser entregue de forma imediata sempre que for acessado, o que torna o processo mais ágil e eficiente, especialmente em portais com grande volume de páginas.

O que foi feito?
Foi implementada uma nova abordagem para os sitemaps, que passam a ser gerados previamente e armazenados de forma estática, sendo atualizados automaticamente pelo sistema. Com isso, o acesso a esses arquivos se torna mais rápido e eficiente, já que não é mais necessário processá-los a cada requisição. Essa estrutura contempla:

✔ Sitemaps de categorias e tags
✔ Sitemaps de outros tipos de conteúdo (post types)
✔ Um sitemap específico de notícias, sempre atualizado com os conteúdos mais recentes

Quais os benefícios para o seu portal
Essa mudança trouxe um ganho extremamente expressivo de performance, com redução superior a 99% no tempo de resposta. Na prática, isso significa:

✔ O Google acessa o sitemap praticamente de forma instantânea
✔ Redução significativa de carga no servidor, especialmente em acessos de bots
✔ Maior eficiência na indexação de conteúdos
✔ Mais estabilidade para portais com grande volume de acessos

Além disso, como o tempo de resposta do servidor influencia diretamente a avaliação do Google, essa melhoria contribui para a performance geral do site e potencializa ganhos em SEO.