O conteúdo não está no tamanho correto para a janela de visualização

A janela de visualização é a parte da janela do navegador em que o conteúdo da sua página fica visível. Quando a largura do conteúdo da página é menor ou maior que a da janela de visualização, talvez ela não seja renderizada corretamente em telas de dispositivos móveis. Por exemplo, se a largura do conteúdo for muito grande, ele poderá ser reduzido para caber, dificultando a leitura do texto.

Como a auditoria de largura de conteúdo do Lighthouse falha

O Lighthouse sinaliza páginas com largura diferente da janela da janela de visualização:

Auditoria do Lighthouse mostrando conteúdo com tamanho incorreto para a janela de visualização

A auditoria falhará se window.innerWidth não for igual a window.outerWidth.

Como fazer com que sua página caiba em telas de dispositivos móveis

Essa auditoria é uma forma indireta de determinar se sua página está otimizada para dispositivos móveis. Consulte o artigo Princípios básicos do Web design responsivo do Google para ter uma visão geral de como criar uma página compatível com dispositivos móveis.

Você pode ignorar esta auditoria se:

  • Seu site não precisa ser otimizado para telas de dispositivos móveis.
  • A largura do conteúdo da sua página é intencionalmente menor ou maior que a da janela de visualização.

Recursos