WP Rocket 3.19: aprimoramentos sem esforço para melhorar o LCP e a estabilidade do layout

Lembra como as equipes da Fórmula 1 ganham corridas? Não é apenas uma grande mudança, mas muitas pequenas melhorias que aumentam a longo prazo. Nosso novo grande lançamento reflete mais uma vez essa visão de otimizações incrementais e inteligentes: Conheça o WP Rocket 3.19!

Nossa versão mais recente se concentra em aprimorar dois recursos para torná -los acessíveis a todos, independentemente de sua experiência técnica. Tomamos processos complexos que exigiam uma otimização manual por base para ser eficiente e os transformamos em recursos que funcionam em segundo plano, tornando sua magia.

Os resultados? O WP Rocket 3.19 traz uma melhor experiência do usuário para seus visitantes, graças ao aprimoramento da estabilidade do layout e a prevenir mudanças de conteúdo, além de uma velocidade percebida aumentada e uma maior grau de tinta maior conteúdo.

No WP Rocket, acreditamos que todos merecem um site rápido - é por isso que estamos constantemente encontrando maneiras de simplificar a otimização de velocidade, garantindo que todos os nossos clientes possam se beneficiar de nossos recursos poderosos.

Pronto para ver como essas melhorias fáceis e inteligentes podem adicionar um melhor desempenho para o seu site? Vamos mergulhar nos detalhes do WP Rocket 3.19 ou assistir ao vídeo abaixo.

O que o WP Rocket 3.19 implica

O WP Rocket 3.19 apresenta dois aprimoramentos que funcionam nos bastidores para aumentar o desempenho do seu site.

O primeiro aprimoramento está relacionado às fontes de pré -carga: o recurso mantém o mesmo nome enquanto muda a maneira como funciona e sua localização, como você lerá logo abaixo.

O segundo concentra -se em automatizar o recurso de solicitações DNS de pré -busca, que foi renomeado pré -conectado a domínios externos e removido da interface do plug -in - você aprenderá o motivo por trás dessa opção na seção dedicada.

Pré-carga fontes em um clique

Vamos dar um passo atrás e entender o que é a pré -carga da fonte e por que isso importa para o desempenho do seu site.

Explicando a pré -carga da fonte

A pré -carregamento de fontes é uma poderosa técnica de otimização que pode melhorar a aparência de texto de maneira rápida e suave no seu site.

Eis o porquê: quando um visitante chega ao seu site, o navegador deles precisa carregar não apenas o conteúdo de suas páginas, mas também as fontes relacionadas. Sem pré -carregar, aqui está o que normalmente acontece:

1. O navegador começa a exibir seu texto usando uma fonte padrão.

2. Em seguida, ele descobre em seu CSS que precisa carregar uma fonte personalizada - a que você escolheu.

3. Depois que a fonte personalizada é carregada, o texto muda para usar essa nova fonte em vez da padrão padrão.

Esse processo pode causar o que é conhecido como um flash de texto não disposto (FOUT). O FOUT é um breve momento em que seu texto muda repentinamente a aparência à medida que a fonte personaliza carrega.

Você pode adivinhar o que acontece a seguir: o layout da sua página tende a mudar. Essa mudança não é apenas visualmente desagradável, mas também pode impactar negativamente o grau cumulativo de mudança de layout (CLS), um dos principais vitais da Web do Google.

A pré -carga da fonte ajuda a resolver esse problema, dizendo ao navegador que suas fontes personalizadas são importantes e elas precisam ser baixadas imediatamente, mesmo antes de analisar todo o código CSS. Como resultado, é mais provável que a fonte personalizada esteja pronta quando o navegador exibir primeiro o texto, reduzindo ou eliminando a alteração da fonte e garantindo mais estabilidade do layout.

Por que você deve pré -carregar fontes?

O benefício de pré -carregar fontes e evitar mudanças de layout está intimamente relacionado ao aprimoramento da experiência do usuário, o que significa oferecer uma ótima primeira impressão e garantir que seus visitantes estejam dispostos a permanecer no seu site e potencialmente converter.

Além disso, a pré -carregamento de fontes também pode melhorar sua maior grau de tinta conteúdo (LCP), outro vital principal que mede a rapidez com que o maior elemento de conteúdo da sua página se torna visível. Mergulhando nos detalhes, a pré -carga da fonte pode otimizar o desempenho do LCP quando o elemento LCP é um nó de texto - que é o caso de uma média de 20% dos sites entre móveis e computadores.

3.19: Conheça o novo recurso de fontes de pré -carga

Embora a pré -carga da fonte possa trazer esses ganhos de desempenho significativos, notamos que nossos clientes mal usavam esse recurso ou nem sempre foi implementado corretamente. Muito pelo contrário: as fontes de pré-carga provaram ser contraproducentes em termos de desempenho. É por isso que queríamos tornar essa opção mais fácil e acessível a todos os nossos clientes, reduzindo sua implementação incorreta.

E aqui estamos nós: WP Rocket 3.19 faz das fontes de pré -carga um processo automatizado que você pode ativar em um clique.

Você não precisa mais identificar manualmente os URLs corretos de arquivos de fonte e pré -carregá -los para fazer com que o recurso funcione de maneira eficaz. Depois de ativar a opção, o WP Rocket detecta automaticamente, em cada página, quais fontes são usadas acima da dobra e precisam ser priorizadas, tanto do celular quanto da área de trabalho. Em seguida, ele pré -carrega apenas essas fontes relevantes, resultando em uma otimização mais precisa e eficiente.

Essa otimização faz a diferença porque os ativos não utilizados de pré -carregamento podem prejudicar o desempenho. Por exemplo, se uma fonte pré -carregada não for usada nos primeiros segundos de carga da página, navegadores como o Chrome podem emitir um aviso. Ao se concentrar apenas nas fontes que são realmente necessárias acima da dobra, a nova opção de fontes de pré-carga ajuda a evitar esses problemas em potencial e garante o pré-carregamento ideal da fonte.

Observe que agora você encontrará o novo recurso de fontes de pré -carga na guia Media:

Se você especificou as fontes anteriormente manualmente, a opção automatizada será ativada por padrão.

Conclusão : o novo recurso de fontes de pré -carga otimiza automaticamente o carregamento de fontes, garantindo uma experiência mais suave para seus visitantes a partir do momento em que eles pousam em seu site - e isso requer apenas um clique.

Preconectar-se a domínios externos: um processo automatizado totalmente novo

Quanto ao recurso anterior, vamos começar explicando brevemente o impacto de pré -conectar a domínios externos na velocidade do seu site.

Preconectar -se a domínios externos em inglês simples

A pré -conectada a domínios externos é uma poderosa técnica de otimização que afeta positivamente o carregamento de recursos.

Quando seu site precisa carregar recursos como fontes ou scripts de domínios externos, seu navegador normalmente precisa estabelecer uma conexão com esses domínios primeiro. Esse processo de conexão pode adicionar um atraso desnecessário ao processo de download de ativos externos, impactando métricas específicas dependentes desses ativos externos.

O PreConnect aborda esse problema, dizendo ao navegador com antecedência quais conexões serão necessárias. Isso permite que o navegador configure essas conexões mais cedo, reduzindo o tempo necessário para carregar recursos externos quando necessário.

Esta otimização traz dois benefícios:

1. Tempo de carregamento aprimorado : Ao configurar as conexões com antecedência, seu site pode começar a carregar recursos externos mais rapidamente - e as páginas também carregam mais rapidamente.

2. Desempenho aprimorado do LCP : se o seu maior elemento de tinta conteúdo for uma fonte de um domínio de terceiros, o PreConnect poderá ajudá-lo a carregar mais rápido, potencialmente melhorando a pontuação do LCP.

3.19: A partir de solicitações de DNS de pré -busca para se conectar a domínios externos

Percebemos que o recurso de solicitações de DNS de pré -busca também foi subutilizado e muitas vezes aplicado mal. Por isso, decidimos automatizar essa opção, removendo -a da interface do WP Rocket e renomeando -a para se conectar a domínios externos.

Com o WP Rocket 3.19, essa otimização poderosa funciona em segundo plano e não precisa ser ativada. É por isso que você não encontrará mais esse recurso nas configurações do WP Rocket.

Aqui está o que você precisa saber sobre esse aprimoramento:

1. É um processo totalmente automatizado : você não precisa mais identificar manualmente quais domínios incluir ao implementar a otimização. O WP Rocket agora lida com isso automaticamente.

2. É aplicado apenas em páginas onde é necessário, tanto no celular quanto no desktop, resultando em uma abordagem mais eficiente e direcionada, que é consistente em todos os dispositivos.

Conforme explicado acima, esse recurso pode levar a um tempo de carregamento da página mais rápido e a uma pontuação LCP aprimorada - tudo sem que você precise levantar um dedo.

Se você deseja desativar o recurso, é necessário aplicar o seguinte filtro:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

Sugerimos desativá -lo apenas se o seu site tiver mais de dez domínios para pré -carga - neste caso de borda, é melhor deixar o navegador gerenciar o processo. Embora geralmente existam alguns domínios externos por página, você pode verificar se esse cenário se aplica ao seu site, observando o código-fonte da página e o número de ocorrências de data-Rocket-PreConnect.

Conclusão : o recurso Preconect to External Domains é um novo aprimoramento automatizado que configura conexões mais rápidas entre o seu site e os recursos externos enquanto remove o risco de implementação incorreta.

Desempenho ajustado: otimizações automatizadas em ação

Falando nos recursos do WP Rocket que funcionam automaticamente, a pré -conectada a domínios externos é a mais recente e contribui para os existentes:

• Cache da página (incluindo cache móvel)

• Otimize imagens críticas

• Renderização preguiçosa automática

• Cache do navegador

• Compressão GZIP

• Suporte de origem cruzada para fontes da web

• Fragmentos de carrinho WooCommerce Refresh Cache

• Otimize os arquivos do Google Fontes

• Desative o WordPress emoji

Todos esses recursos não têm uma interface de usuário - eles apenas funcionam. Tenha certeza de que, se precisar, sempre poderá desativá -los usando um filtro ou um plug -in auxiliar.

Esses recursos automatizados estão no topo das opções que ativam quando você ativa o foguete WP pela primeira vez, como Minify CSS e JS, Cache Lifespan, pré -carga, links de pré -carga e controle de batimentos cardíacos.

Não é de admirar que seu site receba um aumento de velocidade assim que você habilite nosso plug -in!

Se você está curioso sobre o impacto do mundo real dessas automações, lembre-se de que os resultados podem variar dependendo do seu site específico. Embora o WP Rocket 3.19 traga novos aprimoramentos, as melhorias de desempenho que você verá somam os ganhos de velocidade já alcançados por nossos recursos existentes.

Embrulhando

O WP Rocket 3.19 fortalece nosso compromisso de seguir a abordagem “Decisões, não opções” e fazer otimizações complexas como processos automatizados. Nós nos esforçamos para fazer as escolhas certas para você, para que você não precise gastar tempo e esforço para entender o que é melhor para o seu site.

Estamos gradualmente removendo barreiras ao alto desempenho, garantindo que mais usuários possam se beneficiar de otimizações avançadas - e ainda mais está por vir!

Pronto para ver como esses novos recursos automatizados podem ajudar seu site? Atualizar para o WP Rocket 3.19 ou experimente com nossa garantia de devolução do dinheiro de 14 dias. Experimente em primeira mão como estamos simplificando a otimização e informe -nos seus pensamentos nos comentários!