Seu site funciona no computador, mas apresenta problemas no celular?

Seu site funciona no computador, mas apresenta problemas no celular? Essa situação é mais comum do que parece. Uma página pode apresentar imagens bonitas, menus organizados e botões funcionando perfeitamente em uma tela grande, mas se transformar em uma experiência frustrante quando acessada por um smartphone.

Textos pequenos, botões difíceis de tocar, imagens cortadas, menus que não abrem e elementos que ultrapassam a largura da tela são alguns dos problemas encontrados em sites que não foram adequadamente preparados para dispositivos móveis.

Para uma empresa, essas falhas representam mais do que um problema visual.

Imagine um potencial cliente que encontra seu site no Google, acessa pelo celular e tenta solicitar um orçamento. O botão de contato está escondido, o formulário não cabe na tela e parte das informações aparece cortada.

Mesmo que a empresa ofereça um excelente serviço, o visitante pode desistir antes de conseguir entrar em contato.

Além disso, a experiência em dispositivos móveis também merece atenção na estratégia de SEO, especialmente porque o Google utiliza a versão mobile do conteúdo para indexação.

Um site profissional precisa funcionar bem não apenas no computador utilizado para desenvolvê-lo, mas também nos dispositivos que seus clientes realmente usam.

Entenda por que esses problemas acontecem, como identificá-los e quais correções podem melhorar a experiência dos visitantes.

1. Por que um site funciona no computador, mas apresenta problemas no celular?

Computadores e smartphones possuem características diferentes de tela, navegação e interação.

Uma página desenvolvida apenas para monitores grandes pode utilizar dimensões, espaçamentos e estruturas que não se adaptam corretamente a telas menores.

Por exemplo, imagine uma seção com quatro cards apresentados lado a lado.

Em um computador, essa organização pode funcionar perfeitamente. Entretanto, em um celular, manter os quatro cards na mesma linha pode deixar os textos ilegíveis e os botões pequenos demais.

Uma implementação responsiva pode reorganizar os elementos em duas colunas ou em uma única coluna, dependendo do espaço disponível.

O problema aparece quando essa adaptação não foi planejada ou apresenta falhas.

Entre as causas mais comuns estão:

• Larguras fixas aplicadas a elementos;
• Imagens que não se ajustam ao espaço disponível;
• Menus sem comportamento adequado para telas pequenas;
• Fontes e espaçamentos mal configurados;
• Elementos posicionados de maneira absoluta;
• Tabelas e formulários sem adaptação;
• Plugins ou componentes incompatíveis;
• Alterações de CSS que afetam apenas determinados dispositivos.

Esses problemas podem aparecer em sites antigos e também em projetos recentes que não passaram por testes suficientes.

2. O que é um site responsivo e por que isso importa?

Um site responsivo é desenvolvido para adaptar sua apresentação a diferentes tamanhos de tela e condições de visualização.

Isso envolve mais do que reduzir proporcionalmente o tamanho dos elementos.

Um layout responsivo pode modificar a quantidade de colunas, reorganizar conteúdos, ajustar imagens, alterar espaçamentos e apresentar menus apropriados para dispositivos móveis.

Considere uma página de serviços com três colunas.

No computador, os serviços podem aparecer lado a lado. No celular, esses mesmos conteúdos podem ser apresentados verticalmente, mantendo textos legíveis e botões fáceis de utilizar.

A informação continua disponível, mas a apresentação muda para oferecer uma experiência adequada.

Responsividade não significa apenas caber na tela

Um site pode não apresentar rolagem horizontal e, ainda assim, oferecer uma experiência ruim.

Isso acontece quando os textos ficam pequenos, os botões estão muito próximos ou o usuário precisa realizar movimentos difíceis para navegar.

Portanto, a responsividade precisa considerar também a usabilidade.

O objetivo não é simplesmente fazer a página caber no celular, mas permitir que o visitante utilize o site com facilidade.

3. Quais são os problemas mais comuns em sites acessados pelo celular?

Algumas falhas aparecem com frequência em páginas que não foram adequadamente adaptadas para dispositivos móveis.

Textos muito pequenos

Um texto confortável para leitura no computador pode ficar difícil de enxergar em um smartphone.

Isso pode acontecer quando o site utiliza tamanhos fixos inadequados ou quando a página é reduzida para caber na tela.

O visitante não deveria precisar ampliar constantemente o conteúdo para conseguir ler informações importantes.

Botões difíceis de tocar

Botões muito pequenos ou posicionados próximos uns dos outros podem provocar toques acidentais.

Isso é especialmente problemático em menus, formulários e chamadas para contato.

Um botão de WhatsApp, por exemplo, precisa estar visível e ser fácil de utilizar sem cobrir informações essenciais.

Imagens cortadas incorretamente

Imagens de destaque podem funcionar bem em telas horizontais e apresentar cortes inadequados em smartphones.

Em alguns casos, o enquadramento elimina o elemento principal da fotografia ou prejudica a compreensão da imagem.

É importante diferenciar cortes intencionais, utilizados no design responsivo, de cortes que comprometem o conteúdo.

Menus que não abrem ou ficam escondidos

Um menu pode funcionar normalmente no computador e apresentar problemas no celular devido a conflitos de scripts, sobreposição de elementos ou configuração incorreta.

Quando isso acontece, o visitante pode não conseguir acessar páginas importantes.

Conteúdo ultrapassando a largura da tela

Tabelas, imagens, blocos de código, formulários e componentes com larguras fixas podem provocar rolagem horizontal.

Isso obriga o usuário a mover a página lateralmente para conseguir visualizar informações.

Pop-ups que ocupam a tela inteira

Janelas promocionais ou formulários podem dificultar a navegação quando cobrem o conteúdo e não apresentam uma maneira clara de fechamento.

Além de prejudicar a experiência, determinados intersticiais intrusivos podem dificultar o acesso ao conteúdo e são desaconselhados pelas orientações do Google.

Formulários difíceis de preencher

Campos muito estreitos, teclados inadequados, mensagens de erro escondidas e botões fora da área visível podem comprometer o envio de solicitações.

Para empresas que dependem de formulários comerciais, esse problema merece atenção especial.

4. Um site com problemas no celular pode perder clientes?

Sim. Problemas de navegação podem criar obstáculos entre o visitante e a ação que ele deseja realizar.

Imagine uma pessoa procurando uma empresa de manutenção de equipamentos.

Ela encontra o site, acessa a página do serviço e decide entrar em contato.

Entretanto, o número de telefone não é clicável, o botão de WhatsApp fica sobreposto ao rodapé e o formulário apresenta campos cortados.

Mesmo que o serviço seja adequado, o usuário pode abandonar a página e procurar outro fornecedor.

Isso não significa que qualquer falha visual provocará necessariamente a perda de uma venda.

Entretanto, dificuldades de navegação podem aumentar o esforço necessário para concluir uma ação e prejudicar a experiência.

Entre os problemas comerciais possíveis estão:

• Desistência durante o preenchimento de formulários;
• Dificuldade para encontrar informações de contato;
• Abandono de páginas importantes;
• Percepção negativa sobre o profissionalismo do site;
• Problemas durante processos de compra ou contratação.

Por isso, testar o caminho completo até o contato comercial é tão importante quanto avaliar a aparência da página inicial.

5. O Google utiliza a versão do celular para avaliar um site?

O Google utiliza predominantemente a versão mobile do conteúdo de um site para fins de indexação. Essa abordagem é conhecida como mobile-first indexing.

Isso significa que a versão apresentada aos dispositivos móveis merece atenção especial.

Se informações importantes estão disponíveis no computador, mas ausentes ou inacessíveis na versão mobile, isso pode afetar a maneira como o Google compreende o conteúdo.

Por exemplo, uma empresa pode apresentar descrições completas de seus serviços no desktop e ocultar indevidamente partes essenciais no celular.

Dependendo de como a página foi implementada, o Google pode encontrar diferenças relevantes entre as versões.

O Google recomenda que o conteúdo principal, os títulos, os dados estruturados e outros elementos importantes estejam adequadamente disponíveis na versão mobile.

Entretanto, é importante fazer uma distinção: mobile-first indexing não significa que qualquer site com aparência bonita no celular terá melhores posições automaticamente.

O posicionamento depende de diversos sistemas e sinais, incluindo a relevância do conteúdo para a pesquisa.

Fonte oficial: Google Search Central — Práticas recomendadas para indexação que prioriza dispositivos móveis.

6. Um site responsivo melhora automaticamente o SEO?

Não. A responsividade é importante para oferecer uma boa experiência e facilitar a apresentação do conteúdo em diferentes dispositivos, mas não garante boas posições nas pesquisas.

O Google considera diversos aspectos para determinar quais páginas são relevantes para cada consulta.

Uma página responsiva pode continuar apresentando problemas como:

• Conteúdo superficial;
• Informações desatualizadas;
• Problemas de indexação;
• Títulos pouco descritivos;
• Estrutura de navegação confusa;
• Desempenho insatisfatório;
• Falta de correspondência com a intenção de busca.

Da mesma forma, um site pode possuir conteúdo relevante e ainda precisar de melhorias importantes na experiência mobile.

Uma estratégia de SEO adequada deve considerar os dois aspectos.

Conheça também nosso serviço de SEO e otimização de sites para Google e inteligência artificial.

7. Site lento no celular: por que acontece mesmo quando funciona bem no computador?

O desempenho de um site pode variar significativamente conforme o dispositivo e as condições de conexão.

Um computador moderno conectado a uma rede rápida pode carregar uma página sem dificuldades.

Já um smartphone com menor capacidade de processamento ou utilizando uma conexão móvel instável pode apresentar lentidão.

Entre as causas possíveis estão:

• Imagens excessivamente pesadas;
• Scripts que exigem muito processamento;
• Quantidade elevada de recursos carregados;
• Plugins que adicionam funcionalidades desnecessárias;
• Fontes e elementos externos mal otimizados;
• Problemas na configuração de cache;
• Resposta lenta do servidor.

Além disso, alguns recursos podem apresentar comportamentos diferentes conforme o navegador e o sistema operacional.

Por isso, avaliar o desempenho apenas no computador utilizado para desenvolver o site não é suficiente.

8. O que são Core Web Vitals e como se relacionam com a experiência mobile?

Os Core Web Vitals são métricas utilizadas para avaliar aspectos importantes da experiência de utilização de uma página.

Atualmente, o conjunto principal inclui três indicadores.

LCP — Largest Contentful Paint

O LCP mede o tempo necessário para que o maior elemento de conteúdo visível na área inicial seja renderizado.

O Google recomenda um LCP de até 2,5 segundos para uma boa experiência.

INP — Interaction to Next Paint

O INP avalia a capacidade de resposta da página às interações do usuário.

Um INP de até 200 milissegundos é considerado bom.

CLS — Cumulative Layout Shift

O CLS mede mudanças inesperadas na posição dos elementos durante a utilização da página.

O valor recomendado para uma boa experiência é de até 0,1.

Métrica	O que avalia	Referência de boa experiência
LCP	Carregamento do conteúdo principal	Até 2,5 segundos
INP	Resposta às interações	Até 200 ms
CLS	Estabilidade visual	Até 0,1

Esses limites são avaliados, nas orientações oficiais, considerando o percentil 75 das experiências de carregamento ou interação observadas.

É importante lembrar que boas métricas não garantem posicionamento elevado no Google.

Elas ajudam a avaliar a experiência técnica, mas não substituem conteúdo útil e relevante.

Fonte: web.dev — Core Web Vitals.

9. Como descobrir se seu site apresenta problemas no celular?

O primeiro passo é testar o site em condições próximas às utilizadas pelos visitantes.

Não basta reduzir a janela do navegador no computador e observar se os elementos mudam de posição.

Esse teste pode ajudar a identificar problemas de layout, mas não reproduz integralmente a experiência de um smartphone real.

Teste em um celular de verdade

Acesse as principais páginas e tente realizar as ações mais importantes.

Verifique se é possível abrir o menu, ler os textos, clicar nos botões e enviar formulários.

Utilize ferramentas de inspeção do navegador

Navegadores modernos possuem recursos para simular diferentes dimensões de tela e investigar problemas de CSS.

Esses recursos são úteis durante o desenvolvimento, embora não substituam todos os testes em dispositivos reais.

Analise o PageSpeed Insights

O Google PageSpeed Insights apresenta análises de desempenho para dispositivos móveis e computadores.

A ferramenta pode utilizar dados reais de usuários, quando disponíveis, e testes de laboratório.

Os resultados ajudam a identificar oportunidades de otimização, mas não substituem a avaliação visual e funcional.

Consulte o Google Search Console

O Google Search Console oferece relatórios que podem ajudar a acompanhar aspectos como indexação e Core Web Vitals.

Essas informações são úteis para identificar grupos de páginas que precisam de atenção.

Entretanto, o Search Console não detecta automaticamente todos os problemas de responsividade ou de usabilidade.

10. Como testar se a versão mobile está realmente funcionando?

Uma verificação prática pode começar pelas páginas mais importantes do negócio.

Utilize o seguinte roteiro:

1. Página inicial: confirme se o conteúdo principal aparece corretamente e se os botões funcionam.
2. Menu: abra e feche a navegação, verificando se os links estão acessíveis.
3. Páginas de serviços: observe se os textos, imagens e cards estão organizados.
4. Formulários: preencha os campos e teste o envio.
5. WhatsApp e telefone: verifique se os links levam aos destinos corretos.
6. Tabelas: confira se os dados podem ser consultados sem prejudicar a leitura.
7. Pop-ups: avalie se podem ser fechados facilmente.
8. Rodapé: confirme se links e informações de contato continuam acessíveis.
9. Orientação da tela: quando relevante, teste o dispositivo nas posições vertical e horizontal.
10. Desempenho: observe o carregamento em diferentes condições de conexão.

Esse roteiro não substitui uma auditoria técnica completa, mas ajuda a identificar falhas que afetam diretamente os visitantes.

11. Por que um site WordPress pode ficar desconfigurado no celular?

O WordPress permite desenvolver sites responsivos, mas o resultado depende do tema, dos plugins, dos estilos e da maneira como as páginas foram construídas.

Um site WordPress pode apresentar problemas mobile por diferentes motivos.

Configurações incorretas do tema

O tema pode definir tamanhos de fonte, larguras e espaçamentos que precisam ser ajustados.

CSS personalizado conflitante

Regras adicionadas para melhorar uma seção no computador podem afetar telas menores quando não possuem condições responsivas adequadas.

Plugins e componentes

Determinados plugins podem adicionar tabelas, formulários, pop-ups ou outros elementos que não se adaptam corretamente.

Atualizações e incompatibilidades

Alterações em temas, plugins ou bibliotecas podem modificar comportamentos existentes.

Por isso, atualizações importantes devem ser acompanhadas de testes.

Cache e arquivos antigos

Em alguns casos, o visitante pode receber versões antigas de arquivos CSS ou JavaScript devido à configuração de cache.

Isso pode provocar diferenças entre o layout esperado e o apresentado.

Entretanto, limpar o cache não resolve problemas estruturais de responsividade.

É necessário identificar a causa antes de aplicar correções.

12. Elementor pode apresentar problemas de responsividade?

Sim. O Elementor possui recursos para desenvolver layouts adaptados a diferentes dispositivos, mas uma página pode apresentar problemas quando as configurações não são utilizadas adequadamente.

Entre as situações possíveis estão:

• Containers com larguras inadequadas;
• Espaçamentos excessivos no celular;
• Tipografia configurada apenas para desktop;
• Imagens com dimensões fixas;
• Elementos ocultados incorretamente;
• Componentes com posicionamento absoluto;
• Conflitos entre estilos personalizados e configurações do editor.

Uma seção pode parecer excelente no editor visual e ainda apresentar diferenças em determinados dispositivos.

Por isso, é importante testar a página publicada, e não apenas sua prévia dentro do editor.

Em projetos WordPress, uma boa implementação responsiva exige atenção tanto às configurações visuais quanto ao CSS e aos componentes utilizados.

13. Como corrigir um site que fica desconfigurado no celular?

A solução depende da causa do problema.

Em alguns casos, pequenos ajustes de CSS e configuração podem resolver as falhas.

Em outros, é necessário reorganizar componentes ou reformular seções inteiras.

Corrigir larguras e espaçamentos

Elementos com dimensões fixas podem precisar de unidades flexíveis, limites de largura e regras responsivas.

Reorganizar colunas

Cards e blocos que funcionam lado a lado no computador podem ser reorganizados verticalmente em telas menores.

Ajustar a tipografia

Títulos e parágrafos precisam manter tamanhos e espaçamentos adequados para leitura.

Revisar imagens

Dependendo da composição, pode ser necessário ajustar o enquadramento, utilizar imagens adaptadas ou modificar a forma de exibição.

Melhorar formulários

Campos devem utilizar larguras adequadas, rótulos claros e mensagens de erro visíveis.

Corrigir menus e sobreposições

É necessário verificar conflitos de posicionamento, camadas e comportamento de scripts.

Otimizar o carregamento

Imagens, scripts e outros recursos podem ser revisados para reduzir o trabalho necessário durante o carregamento.

A correção ideal deve resolver a origem do problema, e não apenas esconder visualmente o elemento que está causando a falha.

14. Vale a pena corrigir a versão mobile ou refazer o site inteiro?

Essa decisão depende da condição atual do projeto.

Se o site possui uma estrutura moderna e apresenta apenas alguns problemas pontuais, normalmente vale avaliar correções específicas.

Por exemplo, uma página pode precisar apenas de ajustes em cards, fontes, imagens e espaçamentos.

Entretanto, quando o site utiliza uma estrutura antiga, apresenta diversas incompatibilidades e exige correções constantes, uma reformulação pode ser mais adequada.

Alguns sinais que merecem atenção incluem:

• Grande quantidade de elementos com dimensões fixas;
• Menus e formulários que não funcionam corretamente;
• Dependência de componentes desatualizados;
• Problemas recorrentes após pequenas alterações;
• Dificuldade para manter a versão mobile;
• Estrutura técnica que limita melhorias.

Antes de decidir, é importante considerar o custo das correções, os riscos da migração e os benefícios de uma nova estrutura.

Uma reformulação também precisa preservar cuidadosamente conteúdos, URLs importantes e outros elementos relacionados ao SEO.

Veja nosso artigo sobre quando vale a pena refazer um site antigo.

15. Um site bonito no computador pode transmitir uma imagem ruim no celular?

Sim. A percepção de qualidade de um site depende da experiência real de utilização.

Um projeto pode apresentar uma identidade visual sofisticada em uma tela grande, mas perder parte desse resultado quando os elementos não se adaptam corretamente.

Imagine uma empresa que investiu em fotografias profissionais, textos comerciais e uma apresentação visual moderna.

Se no celular o título aparece cortado, os botões ficam sobrepostos e o formulário não funciona, o visitante não consegue aproveitar adequadamente esse investimento.

Isso demonstra que a qualidade visual não deve ser avaliada apenas por capturas de tela do desktop.

Um site profissional precisa manter consistência, clareza e facilidade de uso nos dispositivos relevantes para seu público.

16. Como evitar problemas no celular ao criar um site novo?

O ideal é considerar a experiência mobile desde o planejamento.

Em vez de desenvolver toda a página no computador e tentar adaptá-la apenas no final, é recomendável avaliar continuamente como os componentes funcionarão em telas menores.

Alguns cuidados importantes incluem:

• Planejar layouts flexíveis;
• Utilizar tamanhos de texto legíveis;
• Definir espaçamentos adequados;
• Projetar botões para interação por toque;
• Evitar dependência exclusiva de efeitos de hover;
• Preparar imagens para diferentes proporções;
• Desenvolver formulários fáceis de preencher;
• Testar menus e elementos interativos;
• Considerar desempenho em dispositivos intermediários;
• Verificar acessibilidade e navegação por teclado quando aplicável.

Também é importante testar diferentes larguras de tela, pois nem todos os smartphones possuem as mesmas dimensões.

Uma implementação responsiva precisa funcionar em uma variedade de dispositivos, e não apenas em um modelo específico.

17. Como saber se os problemas mobile estão afetando os resultados da empresa?

Uma análise pode combinar dados de comportamento dos visitantes com testes práticos.

Ferramentas de análise permitem acompanhar informações sobre dispositivos utilizados, páginas visitadas e determinadas ações realizadas no site.

Quando configuradas corretamente, podem ajudar a identificar diferenças entre o comportamento de visitantes em computadores e smartphones.

Por exemplo, uma empresa pode observar que usuários de celular iniciam o preenchimento de um formulário, mas apresentam dificuldades para concluí-lo.

Essa situação merece investigação.

Entretanto, uma diferença nas taxas de conversão não comprova, sozinha, que exista um problema de responsividade.

O comportamento também pode variar conforme origem do tráfego, intenção de busca, público e outros fatores.

Por isso, a interpretação dos dados deve ser acompanhada de testes reais.

Entre os indicadores que podem ser acompanhados estão:

• Cliques em botões de contato;
• Envios de formulários;
• Conversões por tipo de dispositivo;
• Desempenho das principais páginas;
• Erros identificados durante testes;
• Métricas de experiência e carregamento.

O objetivo é compreender se a experiência mobile está ajudando ou dificultando as ações que o site deveria proporcionar.

Perguntas frequentes sobre sites com problemas no celular

Por que meu site fica desconfigurado no celular?

Isso pode acontecer devido a larguras fixas, configurações incorretas de responsividade, imagens inadequadas, conflitos de CSS, plugins ou problemas de scripts. É necessário analisar a página para identificar a causa.

Um site que não funciona bem no celular perde posições no Google?

Problemas na versão mobile podem afetar rastreamento, indexação e experiência do usuário, dependendo da situação. Entretanto, não existe uma regra segundo a qual qualquer falha visual provoca automaticamente uma queda de posições.

O que significa site responsivo?

É um site cuja apresentação se adapta a diferentes tamanhos de tela, reorganizando elementos para facilitar a leitura e a navegação.

Como testar se meu site funciona no celular?

Teste em smartphones reais, utilize as ferramentas de desenvolvedor do navegador e analise o desempenho com o PageSpeed Insights. Verifique também menus, botões, formulários e páginas importantes.

WordPress funciona bem em dispositivos móveis?

Sim. O WordPress pode ser utilizado para criar sites responsivos. O resultado depende do tema, dos componentes, das configurações e da qualidade do desenvolvimento.

Elementor permite criar sites responsivos?

Sim. O Elementor oferece recursos de adaptação para diferentes dispositivos. Entretanto, é necessário configurar corretamente os elementos e testar o resultado publicado.

Preciso criar um site separado para celular?

Na maioria dos projetos atuais, não. Um site responsivo pode atender computadores e dispositivos móveis utilizando as mesmas URLs e uma apresentação adaptável.

Site lento no celular significa hospedagem ruim?

Não necessariamente. A lentidão pode estar relacionada a imagens, scripts, processamento, conexão e outros fatores. A hospedagem é apenas um dos componentes envolvidos.

É possível corrigir apenas a versão mobile?

Em muitos casos, sim. Ajustes específicos podem resolver problemas de layout e interação. Entretanto, falhas estruturais podem exigir alterações mais amplas.

Quando vale a pena refazer o site?

Uma reformulação pode fazer sentido quando existem problemas generalizados, tecnologias desatualizadas ou limitações que tornam as correções difíceis e pouco econômicas.

Conclusão: seu site precisa funcionar tão bem no celular quanto no computador

Um site profissional não deve ser avaliado apenas pela aparência em um monitor grande.

Se a experiência no celular apresenta textos pequenos, botões difíceis de utilizar, imagens cortadas ou formulários com problemas, a empresa pode estar criando obstáculos para potenciais clientes.

Além disso, a versão mobile possui importância técnica para a indexação no Google e deve disponibilizar adequadamente as informações essenciais.

A solução nem sempre exige reconstruir todo o projeto.

Em muitos casos, ajustes de responsividade, organização de elementos e otimização de recursos podem melhorar significativamente a experiência.

Entretanto, sites com estruturas antigas ou problemas generalizados podem exigir uma reformulação mais ampla.

O mais importante é garantir que o visitante consiga encontrar informações, compreender os serviços e entrar em contato com facilidade, independentemente do dispositivo utilizado.

Seu site apresenta problemas no celular? A Universo Artificial pode ajudar

Um site precisa combinar apresentação profissional, organização técnica e facilidade de navegação.

A Universo Artificial — Sites e Sistemas desenvolve soluções digitais para empresas que desejam melhorar sua presença na internet.

Se seu site funciona no computador, mas apresenta dificuldades em smartphones, vale avaliar se o problema pode ser corrigido com ajustes específicos ou se existe necessidade de uma reformulação.

Conheça nosso serviço de criação de sites profissionais e as soluções de SEO e otimização de sites.

Para apresentar seu projeto e conversar sobre as necessidades da sua empresa, entre em contato com a Universo Artificial.

Referências oficiais

• Google Search Central — Práticas recomendadas para indexação que prioriza dispositivos móveis.
• Google Search Central — Como entender a experiência na página.
• web.dev — Core Web Vitals.
• web.dev — Learn Responsive Design.
• Google — PageSpeed Insights.