Marketing internacional

Como melhorar os principais sinais vitais da Web em um site multilíngue

Como melhorar os principais sinais vitais da Web em um site multilíngue
Nick Schäferhoff
Escrito por
Nick Schäferhoff
Eugène Ernoult
Revisado por
Eugène Ernoult
Atualizado em
8 de abril de 2024
27 de maio de 2025

Os Core Web Vitals são uma coleção de métricas para medir a qualidade da experiência do usuário em sites. O Google os considera como sinais de classificação e, portanto, eles também são importantes para SEO (multilíngue). Se você os negligenciar, corre o risco de ser rejeitado tanto pelos visitantes quanto pelos mecanismos de pesquisa.

Para evitar esse cenário, nesta publicação, você aprenderá tudo o que precisa saber sobre como melhorar essas métricas em seu site multilíngue. Explicaremos o que são os Core Web Vitals, como testar o desempenho atual do seu site e instruções passo a passo sobre como melhorar cada uma das métricas do seu site.

O que são Core Web Vitals?

Conforme mencionado, os Core Web Vitals medem a experiência do usuário em sites. Todos eles estão de alguma forma relacionados à velocidade de carregamento e à interatividade do site. As métricas foram introduzidas pelo Google em 2020 e se tornaram parte de seu algoritmo de pesquisa. Vamos examiná-las uma a uma.

Maior tinta com conteúdo (LCP)

O primeiro é o Largest Contentful Paint (LCP). Ele mede o tempo que uma página leva para carregar até se tornar visível e utilizável. Ele determina isso detectando o maior elemento de conteúdo de uma página da Web, que geralmente é uma imagem ou um bloco de texto, e quando ele se torna visível para os visitantes.

Onde encontrar o maior elemento do Contentful Paint no PageSpeed Insights

Esse intervalo é medido em segundos e usado como a pontuação LCP. O Google definiu uma série de pontos de corte para definir o tipo de tempo que seu site deve atingir.

A maior pontuação do Contentful Paint para o tempo que seu site deve ter

Como você pode ver acima, uma boa pontuação é de até 2,5 segundos para o carregamento do elemento LCP. Até 4 segundos é aceitável, mas deve ser melhorado, e qualquer coisa além disso o Google considera muito longo.

Deslocamento cumulativo de layout (CLS)

A próxima métrica rastreia a estabilidade do layout de um site enquanto ele é carregado, ou seja, quanto movimento ele mostra quando novos elementos aparecem na página. Ela é chamada de deslocamento cumulativo de layout (Cumulative Layout Shift ou CLS).

Por que isso é importante?

Um alto grau de CLS pode atrapalhar a interação do usuário com o seu site. Além de simplesmente não ter uma boa aparência, ele também pode fazer com que o usuário perca seu lugar na página devido ao texto em movimento ou fazer com que ele clique acidentalmente no elemento errado porque ele se desloca no momento errado.

O CLS é calculado observando-se o quanto o layout se move durante o carregamento, bem como o tamanho desses movimentos. Essas duas proporções são multiplicadas uma pela outra para obter a pontuação.

Métrica para uma boa pontuação de deslocamento de layout cumulativo

Uma pontuação CLS abaixo de 0,1 é boa; até 0,25 precisa ser melhorada e qualquer valor acima disso é inaceitável.

Uma observação: o movimento da página dentro de 500 ms da interação do usuário com a página (como um clique) não afetará a pontuação do CLS. Esses movimentos são considerados propositais.

Interação com o Next Paint (INP)

Interaction to Next Paint ou INP é a mais recente adição de métricas do Core Web Vitals. Ele substituirá o First Input Delay (FID), uma das medições originais, em março de 2024.

Ambos rastreiam o tempo entre o momento em que um visitante interage com um elemento da página e a rapidez com que ele responde. Obviamente, quanto mais rápida for a reação, melhor.

Enquanto o atraso na primeira entrada analisa apenas a primeira interação do visitante, o Interaction to Next Paint rastreia todos os envolvimentos da página durante uma visita e mostra a pior pontuação. Dessa forma, você tem uma visão mais precisa da capacidade de resposta da página.

Qual é uma boa pontuação do INP a ser atingida?

Até 200 ms é bom, e até 500 ms é justo; qualquer coisa além disso afetará negativamente a visão do Google sobre seu site.

Métrica para obter uma boa pontuação de Interação com o Next Paint

Como testar os principais sinais vitais da Web do seu site

Depois que você souber exatamente o que são os Core Web Vitals, a próxima pergunta lógica é: como descobrir a situação do seu site? A maneira mais fácil de descobrir é usar uma ferramenta de teste de velocidade como o PageSpeed Insights.

Página inicial do Page Speed Insights

Basta inserir o URL do seu site na parte superior e executar o teste. Uma vez concluído, ele não apenas informa se o seu site foi aprovado na avaliação do Core Web Vitals, mas também fornece valores para cada um dos pontos de dados mencionados.

Como é ser reprovado na avaliação do Core Web Vitals

Se disponível, você obtém uma combinação de resultados da vida real e de laboratório. Isso inclui informações do CrUX, em que o Google coletou dados de usuários de sites do navegador Chrome. Se eles não tiverem isso, você obterá apenas medições do Lighthouse, que as calcula ad hoc.

Outras ferramentas que podem lhe informar sobre o desempenho do Core Web Vitals são GTmetrix, WebPageTest ou a extensão Chrome Web Vitals.

Aprimoramento dos principais sinais vitais da Web em sites multilíngues

Então, o que você deve fazer se seus valores não forem tão bons? Vamos falar sobre isso agora.

A partir de agora, veremos explicações passo a passo sobre como melhorar cada métrica do Core Web Vital em seu site multilíngue. Abordaremos como fazer isso manualmente, além de uma maneira fácil de fazer isso para usuários do WordPress com a ajuda do plug-in WP Rocket.

O WP Rocket torna muito fácil para pessoas sem conhecimento técnico implementar melhorias sofisticadas de desempenho de forma rápida e sem esforço. Ele é facilmente um dos plug-ins de cache mais avançados e fáceis de usar para iniciantes.

Melhorias gerais de desempenho

Vamos começar com algumas dicas gerais sobre como garantir que seu site carregue rapidamente:

  • Escolha uma boa empresa de hospedagem - A qualidade do provedor de hospedagem em que seu site é colocado tem muita influência na velocidade de carregamento. Certifique-se de escolher um provedor de boa reputação, lendo algumas comparações de velocidade e avaliações de usuários antes de tomar uma decisão.
  • Mantenha seu site atualizado - Se o seu site for baseado em um sistema de gerenciamento de conteúdo como o WordPress, certifique-se de manter tudo atualizado. Isso significa o próprio software, bem como todos os plug-ins, temas, a versão do PHP do servidor e tudo o mais que pertence ao site. Somente dessa forma você poderá se beneficiar dos novos aprimoramentos de velocidade.
  • Use menos plug-ins - Ao mesmo tempo, tente não exagerar nos recursos adicionados ao seu site. Todos os plug-ins e extensões vêm com código extra, o que pode tornar seu site potencialmente mais lento. Portanto, reduza ao mínimo possível o que você tem em seu site.
  • Opte por componentes de alta qualidade - Para as extensões que forem colocadas em seu site, certifique-se de que sejam de alta qualidade e otimizadas para desempenho, como Weglot.

As dicas acima estabelecerão uma boa base para um desempenho geralmente rápido antes de você adotar medidas mais específicas.

Correção da maior tinta com conteúdo

Há dois caminhos principais para aprimorar o Largest Contentful Paint: otimizar a velocidade de carregamento da página em geral (conforme abordado acima) e tornar mais rápida a entrega de seus elementos LCP.

Qual é o seu elemento LCP? O PageSpeed Insights lhe dirá isso em Diagnóstico.

Diagnósticos que informam qual é o seu elemento LCP

Implementar armazenamento em cache e compactação

O armazenamento em cache e a compactação são duas técnicas fundamentais para melhorar o desempenho do site. A primeira significa armazenar dados de páginas renderizadas para acelerar o acesso dos visitantes. Ela é especialmente eficaz quando se usa o WordPress para alimentar seu site.

Por quê?

Em um CMS como o WordPress, as páginas geralmente são criadas dinamicamente a partir do código PHP e do conteúdo extraído de um banco de dados. O servidor as transforma em documentos HTML e as envia para o navegador.

O armazenamento em cache acelera esse processo ao armazenar versões HTML pré-renderizadas de suas páginas da Web no servidor para que você possa enviá-las diretamente aos visitantes. Isso pode eliminar várias viagens de ida e volta por visita e tornar a experiência do usuário muito mais rápida e melhor.

A compactação, por outro lado, é o mesmo que criar arquivos zip, só que isso acontece em um servidor em vez de no seu computador doméstico. Ela reduz os arquivos que compõem um site para que eles possam ser baixados e exibidos mais rapidamente.

Para ativar o cache e a compactação em seu servidor, você precisa editar um arquivo chamado .htaccess. Ele contém diretrizes importantes para a funcionalidade do seu servidor da Web e geralmente se encontra no diretório raiz do seu site.

Onde encontrar o arquivo .htaccess em seu diretório raiz

Você pode copiar e colar o código a seguir nele para ativar as duas técnicas de otimização de velocidade mencionadas anteriormente:


<IfModule mod_deflate.c>
   # Compress HTML, CSS, JavaScript, Text, XML and fonts
   AddOutputFilterByType DEFLATE application/javascript
   AddOutputFilterByType DEFLATE application/rss+xml
   AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
   AddOutputFilterByType DEFLATE application/x-font
   AddOutputFilterByType DEFLATE application/x-font-opentype
   AddOutputFilterByType DEFLATE application/x-font-otf
   AddOutputFilterByType DEFLATE application/x-font-truetype
   AddOutputFilterByType DEFLATE application/x-font-ttf
   AddOutputFilterByType DEFLATE application/x-javascript
   AddOutputFilterByType DEFLATE application/xhtml+xml
   AddOutputFilterByType DEFLATE application/xml
   AddOutputFilterByType DEFLATE font/opentype
   AddOutputFilterByType DEFLATE font/otf
   AddOutputFilterByType DEFLATE font/ttf
   AddOutputFilterByType DEFLATE image/svg+xml
   AddOutputFilterByType DEFLATE image/x-icon
   AddOutputFilterByType DEFLATE text/css
   AddOutputFilterByType DEFLATE text/html
   AddOutputFilterByType DEFLATE text/javascript
   AddOutputFilterByType DEFLATE text/plain
   AddOutputFilterByType DEFLATE text/xml

   # Remove browser bugs (only needed for really old browsers)
   BrowserMatch ^Mozilla/4 gzip-only-text/html
   BrowserMatch ^Mozilla/4\.0[678] no-gzip
   BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
   Header append Vary User-Agent
</IfModule>

<IfModule mod_expires.c>
   ExpiresActive On

   # Images
   ExpiresByType image/jpeg "access plus 1 year"
   ExpiresByType image/gif "access plus 1 year"
   ExpiresByType image/png "access plus 1 year"
   ExpiresByType image/webp "access plus 1 year"
   ExpiresByType image/svg+xml "access plus 1 year"
   ExpiresByType image/x-icon "access plus 1 year"

   # Video
   ExpiresByType video/webm "access plus 1 year"
   ExpiresByType video/mp4 "access plus 1 year"
   ExpiresByType video/mpeg "access plus 1 year"

   # Fonts
   ExpiresByType font/ttf "access plus 1 year"
   ExpiresByType font/otf "access plus 1 year"
   ExpiresByType font/woff "access plus 1 year"
   ExpiresByType font/woff2 "access plus 1 year"
   ExpiresByType application/font-woff "access plus 1 year"
   ExpiresByType application/font-woff2 "access plus 1 year"

   # CSS, JavaScript
   ExpiresByType text/css "access plus 1 year"
   ExpiresByType text/javascript "access plus 1 year"
   ExpiresByType application/javascript "access plus 1 year"

   # Others
   ExpiresByType application/pdf "access plus 1 year"
   ExpiresByType image/vnd.microsoft.icon "access plus 1 year"
</IfModule>

Os dois trechos de código são cortesia da GTmetrix e funcionam para servidores Apache. Você pode encontrar instruções para outros servidores, como o NGINX, on-line, por exemplo, neste tutorial do KeyCDN.

Se isso parecer intimidador, você pode conseguir o mesmo usando o plug-in WP Rocket mencionado anteriormente. Aqui, você só precisa instalar e ativar o plug-in - ele implementa a compactação e o armazenamento em cache automaticamente, inclusive para dispositivos móveis.

Página de cache do WP Rocket

Otimize o código e o fornecimento de código

Tudo o que você puder fazer para otimizar a entrega e o processamento do código do seu site ajudará a melhorar o Largest Contentful Paint em seu site multilíngue. Vamos examinar algumas boas opções para isso:

  • Remoção de marcações desnecessárias - se houver muito código JavaScript e CSS redundante em seu site, você poderá melhorar o desempenho eliminando tudo o que não for estritamente necessário.
  • Minificação - Isso significa remover espaços em branco e comentários dos arquivos do site. Isso reduz o tamanho dos arquivos, tornando-os mais rápidos para download e processamento.
  • Otimização de CSS e JavaScript - Aqui, você configura os arquivos do seu site para que eles não impeçam o carregamento do restante do site. É a infame mensagem "eliminar recursos que bloqueiam a renderização" que você pode receber das ferramentas de teste de velocidade. Duas ferramentas populares para isso são os atributos defer e async. Respectivamente, eles movem a execução do JavaScript para o final da fila de carregamento e dizem ao navegador para baixar arquivos em segundo plano e executá-los somente quando estiverem disponíveis.

Para a minificação manual, você pode usar ferramentas como Minifier ou Grunt. A otimização do CSS e do JavaScript geralmente significa muita análise do que está impedindo o carregamento de suas páginas. As ferramentas de teste de velocidade permitirão que você saiba quais são os scripts problemáticos.

Página de diagnóstico

Depois disso, cabe a você adicionar manualmente as tags defer e async a eles. Elas têm a seguinte aparência:


<script async src="important.js"></script>
<script defer src="not-so-important.js"></script>

Você também pode dividir alguns códigos para carregar apenas o que é essencial no início. Falaremos mais sobre isso abaixo, quando falarmos sobre a otimização do INP.

Se você quiser automatizar esses processos, o WP Rocket pode reduzir o código, remover o CSS não utilizado, adiar o JavaScript e carregá-lo de forma assíncrona simplesmente marcando algumas caixas.

Otimização de arquivos no WP Rocket

Otimizar imagens

A otimização de imagens significa reduzir o tamanho dos elementos visuais em seu site sem comprometer a qualidade. Esse é um ótimo aprimoramento geral do desempenho e ajuda especialmente a melhorar o Largest Contentful Paint, pois as imagens geralmente acabam sendo os elementos LCP.

Como você pode otimizar as imagens em seu site?

  • Traduzir imagens - A tradução de seu website não se limita apenas ao texto. Você também terá que converter o texto em suas imagens e/ou usar imagens culturalmente mais apropriadas. Felizmente, Weglot tem tudo o que você precisa nessa área.
  • Compressão - Assim como os arquivos de texto, você pode remover dados desnecessários das imagens para reduzi-las em tamanho.
  • Use formatos modernos - As imagens em formatos de última geração, como WebP ou AVIF, são muito menores do que JPG ou PNG e têm a mesma aparência.
  • Dimensione os recursos visuais corretamente - Exiba imagens que sejam tão grandes quanto aparecem em seu site. Caso contrário, você estará fazendo com que seus visitantes carreguem dados desnecessários.
  • Ativar o carregamento lento - Essa técnica carrega somente as imagens que estão realmente visíveis no navegador durante o carregamento inicial e busca as que estão mais abaixo na página à medida que os visitantes rolam a página. Isso também evita o desperdício de largura de banda em imagens que não sejam do LCP, de modo que as imagens importantes possam ser carregadas mais rapidamente.
Ferramentas disponíveis

Você pode usar ferramentas como o TinyPNG para compactar imagens e convertê-las em outros formatos de arquivo. Algo como o Image Resizer também pode cortá-las em qualquer dimensão que você precisar. Você também encontra opções para isso no WordPress em Configurações > Mídia.

Configurações de mídia - onde fixar os tamanhos das imagens

Além disso, se você estiver executando a versão mais recente do WordPress (ou qualquer versão posterior à 5.4), seu site deverá ter o carregamento lento ativado por padrão.

Se você quiser uma solução automática, existe o Imagify. É um plugin de otimização de imagens fácil que funciona bem com o WP Rocket. Ele pode processar automaticamente suas imagens para torná-las mais leves e, ao mesmo tempo, equilibrar qualidade e desempenho. O plug-in converte seus recursos visuais em WebP e Avif, redimensiona imagens grandes e exibe automaticamente as versões otimizadas em seu site do WordPress.

Imagify - otimização em massa de seus arquivos de mídia

Além disso, o WP Rocket oferece carregamento lento não apenas para imagens, mas também para planos de fundo CSS e mídia incorporada, como vídeos. Além disso, você pode excluir a mídia do carregamento lento quando fizer sentido.

Definir as configurações de carregamento lento para sua mídia no WP Rocket

Use uma CDN

Uma rede de distribuição de conteúdo (CDN) consiste em vários computadores interconectados, localizados em diferentes áreas do mundo, que contêm os arquivos do seu site. Sua finalidade é entregá-los aos seus visitantes a partir do local mais próximo a eles e fazer isso o mais rápido possível. Isso é especialmente importante para sites multilíngues com um público internacional.

Por esse motivo, Weglot configura automaticamente uma CDN para que você possa entregar seu conteúdo traduzido rapidamente em todo o mundo. Se você não for usuário Weglot , geralmente precisa se inscrever em uma CDN e configurá-la para seu site. Isso é diferente de provedor para provedor; aqui estão instruções de exemplo.

Se você quiser ajuda, o WP Rocket tem complementos dedicados para o Sucuri e o Cloudflare, duas soluções populares. Eles tornam mais rápida e fácil a configuração dessas redes de distribuição de conteúdo para seu site.

Complementos do WP Rocket, como CloudFare e Sucuri

Você também pode ativar outras redes nas configurações de CDN fornecendo o CNAME do seu provedor.

WP Rocket configurando sua CDN

Por fim, o WP Rocket também tem sua própria rede, chamada RocketCDN, que você pode configurar automaticamente de dentro do plug-in. Além disso, a capacidade do WP Rocket de reduzir os arquivos de código pode reduzir o tráfego e os custos da CDN.

Endereçamento de deslocamento cumulativo de layout

O próximo item da nossa lista de Core Web Vitals a ser aprimorado em seu site multilíngue é o CLS. Veja como você pode garantir o sucesso nesse departamento.

Incluir atributos de tamanho de imagem

Um dos maiores fatores das pontuações ruins do CLS geralmente são as imagens sem atributos de altura e largura definidos.

Se você não informar o tamanho que uma imagem terá na página final, o navegador não poderá reservar a quantidade certa de espaço para ela. Como consequência, quando o tamanho real é diferente do espaço reservado, a imagem aparece repentinamente, empurrando para baixo tudo o que está abaixo dela. Isso pode acontecer especialmente com a mídia de carregamento lento, que não é exibida ao carregar a página pela primeira vez.

Portanto, a primeira regra para otimizar o CLS é adicionar definições de altura e largura às suas imagens. Como fazer isso?

Em HTML puro, ele tem a seguinte aparência:


<img src="image.jpg" alt="Insert alt text" width="600" height="700">

Se estiver usando o editor de blocos do WordPress, ele deve definir as dimensões automaticamente, mas você também pode definir tamanhos específicos ao criar seu conteúdo.

Criação de uma postagem de blog no WordPress por meio do painel

Além disso, o WP Rocket tem uma opção para adicionar declarações de largura e altura ausentes aos seus arquivos de mídia, caso você tenha perdido alguma.

Adição de dimensões de imagem ausentes no WP Rocket

Reservar espaço para incorporações, iframes e espaços para anúncios

A mesma regra acima também se aplica ao conteúdo dinâmico, como elementos incorporados ou anúncios. Eles também precisam de definições de altura e largura para evitar a movimentação do restante do layout da página.

O problema aqui é que nem sempre é possível controlar o tamanho desses elementos, pois eles geralmente vêm de fontes de terceiros. Nesse caso, é uma boa prática fazer pelo menos uma estimativa para reservar o espaço. Mesmo que o elemento final acabe sendo maior, a mudança não será tão pronunciada, levando a uma pontuação CLS mais baixa.

No WordPress, o editor também adiciona automaticamente largura e altura ao conteúdo incorporado. Além disso, conforme mencionado, o WP Rocket vem com uma opção de carregamento lento da mídia incorporada. Isso reserva automaticamente o espaço necessário para quando elas forem carregadas.

Otimizar o fornecimento de fontes da Web

As fontes também podem causar mudanças de layout, especialmente quando você usa fontes personalizadas em seu site. Os dois problemas mais comuns aqui são:

  • Flash of Unstyled Text (FOUT) - Isso significa que o visitante vê o texto do seu site em uma fonte padrão que muda no momento em que o arquivo da fonte é carregado, o que pode levar a um deslocamento do layout.
  • Flash of Invisible Text (FOIT) - Aqui, você não consegue ver nenhum texto no início. Ele só aparece junto com o arquivo de fonte da Web.

Você pode evitar esses problemas com as seguintes estratégias:

  • Use formatos de fonte modernos - Assim como as imagens, as fontes vêm em formatos de arquivo maiores e menores. Os mais rápidos para carregar são geralmente WOFF ou WOFF2.
  • Defina uma fonte substituta semelhante - Colocar uma fonte substituta no lugar que seja muito semelhante à sua fonte real reduz a movimentação da página quando ocorre a troca. Você pode usar o Font Style Matcher para encontrar boas combinações.
  • Pré-carregar fontes - Priorize os arquivos de fontes da Web colocando-os no início do documento e adicionando rel=preload à chamada. Dessa forma, o navegador os carregará mais rapidamente.

Se você estiver usando o WP Rocket, o plug-in vem com uma opção para pré-carregar arquivos de fonte. Tudo o que você precisa fazer é inserir o caminho onde eles estão localizados.

Pré-carregamento de fontes

A propósito, parte da otimização de fontes para um site multilíngue também é usar fontes compatíveis com alfabetos diferentes. Isso é especialmente verdadeiro se você oferecer idiomas RTL (escritos da direita para a esquerda) em seu site.

Lidar com conteúdo dinâmico

Por conteúdo dinâmico, queremos dizer elementos que aparecem depois que uma página termina de carregar. Exemplos disso incluem imagens de carregamento lento, banners, formulários etc.

Para manter baixo o impacto na pontuação do CLS, siga as mesmas orientações acima:

  • Defina seus contêineres com antecedência e dê a eles dimensões fixas.
  • Conecte a aparência deles a uma interação com o usuário. Dessa forma, você evita uma penalidade de CLS.

Weglot propósito, Weglot é totalmente capaz de traduzir conteúdo dinâmico. Portanto, você não precisa se preocupar com o fato de os membros do seu público não o entenderem.

Trabalhando na interação com a próxima pintura

Por fim, vamos falar sobre como você pode garantir que seu INP esteja no ponto.

Otimizar o JavaScript

O JavaScript geralmente é um dos principais fatores quando se trata de problemas com o Interaction to Next Paint, especialmente as chamadas "tarefas longas". Essas são tarefas de JavaScript que levam mais de 50 ms para serem concluídas e podem bloquear a capacidade do navegador de processar as interações do usuário na página. Além disso, ter muitos scripts em seu site em geral pode impedir a capacidade de resposta das páginas.

Já falamos sobre como você pode otimizar o JavaScript na seção LCP. Para o INP, é especificamente importante que você lide com tarefas longas em seu site. Se elas existirem, você poderá encontrá-las nas ferramentas de desenvolvedor do Chrome. Elas são marcadas com pequenos triângulos vermelhos.

Otimização de suas tarefas JavaScript

Veja se você pode dividi-los em partes menores que podem ser carregadas consecutivamente sem bloquear permanentemente a thread principal do navegador. Você pode encontrar informações detalhadas sobre isso neste tutorial do web.dev. A redução, o adiamento, a assincronização e a remoção de código desnecessário também ajudam a manter o navegador responsivo à interação do usuário.

Se você estiver usando o WP Rocket, o plug-in permite que você faça configurações detalhadas de quais arquivos JavaScript você deseja atrasar o carregamento e quais não deseja.

Configurar arquivos para atrasar o carregamento no JavaScript

Reduzir CSS não utilizado

Tudo o que se aplica ao JavaScript também é válido para o CSS. O download e o processamento de folhas de estilo podem manter o navegador ocupado e atrasar sua reação à entrada do usuário.

Aqui, você também pode usar ferramentas de teste de velocidade para encontrar CSS não utilizado. Além disso, você pode dividir suas folhas de estilo para carregar primeiro o CSS crucial ou colocá-lo em linha.

Conforme mencionado, o WP Rocket tem opções para remover automaticamente o CSS não utilizado.

Otimizar o fornecimento de CSS por meio do WP Rocket

Adicionar Lazy Loading

Já falamos sobre o lazy loading para otimização de imagens. Ele também pode ter um impacto positivo no INP, pois libera recursos do navegador para reagir à entrada do usuário. Siga as instruções acima para implementá-lo.

Weglot propósito, se estiver tendo problemas com a tradução de imagens de carregamento lento, Weglot, por padrão, traduz os URLs de imagem adicionados aos atributos data-src ou srcset. Se seu carregamento lento usar atributos personalizados, Weglot não os traduzirá imediatamente - você terá de adicionar um filtro PHP, que é específico para integrações do WordPress.

Se estiver usando a integração Weglot JavaScript e/ou ainda não conseguir traduzir suas imagens, entre em contato com o suporte para obter mais informações.

Melhore os principais sinais vitais da Web em seu site multilíngue hoje mesmo!

Os Core Web Vitals são um importante indicador de qualidade para a usabilidade do seu site multilíngue. Além de os visitantes se preocuparem com esse tópico, os Core Web Vitals também afetam as classificações de pesquisa. Por esse motivo, otimizar seu site para eles é algo que deve ser levado a sério.

Como você provavelmente já viu acima, isso não é tão difícil. Trata-se principalmente de garantir que suas páginas da Web carreguem rapidamente e permaneçam estáveis e responsivas durante esse período. Há algumas medidas importantes que você pode tomar para isso, as quais abordamos em detalhes acima.

Se você acha que lidar com códigos e arquivos de sites está além de suas capacidades, também pode optar por uma solução de plug-in como o WP Rocket. Ele pode otimizar seu site para você sem a necessidade de desenvolvimento ou habilidades técnicas e faz grande parte do trabalho por padrão.

ícone de direção
Descubra a Weglot

Junte-se a mais de 110.000 marcas que já traduzem seus sites com a Weglot

Traduza seu site na hora com inteligência artificial, ajuste com edições humanas e coloque no ar em minutos.

Neste artigo, vamos explorar:
Ícone do foguete

Pronto para começar?

A melhor maneira de compreender o poder do Weglot experimentá-lo você mesmo. Teste-o gratuitamente e sem qualquer compromisso.

A melhor maneira de compreender o poder do Weglot experimentá-lo você mesmo. Teste-o gratuitamente e sem qualquer compromisso.

Um site de demonstração está disponível no seu painel de controle, caso ainda não esteja pronto para conectar o seu site.

Leia artigos que você também pode gostar

Ícone de Perguntas Frequentes

Perguntas comuns

Nenhum item encontrado.

Seta azul

Seta azul

Seta azul