Confira se o site está disponível e pode ser usado por todas as pessoas durante a pandemia da COVID-19

Como garantir que a funcionalidade principal do seu site esteja sempre disponível, acessível, segura, utilizável, detectável e rápida.

Esta página fornece orientações para ajudar a garantir que seu site esteja disponível, acessível, seguro e utilizável para todo mundo em todos os momentos.

As orientações nesta página vêm de uma coleção multifuncional de equipes do Google que estão mudando o foco de curto prazo para oferecer suporte a sites que ajudam as pessoas a se manterem seguras durante a situação da COVID-19. Esses Googlers perceberam que os sites estão enfrentando aumentos sem precedentes na demanda de pessoas que procuram informações importantes, muitas das quais raramente ou nunca usaram a Web antes. Pode ser um desafio garantir que os sites estejam disponíveis durante esse período e acessíveis a todos.

Orientação

Disponibilidade, confiabilidade, resiliência e estabilidade

Se o site estiver apresentando picos de tráfego e falhas, ou se você quiser evitar que isso aconteça, as orientações abaixo podem ajudar a corrigir problemas rapidamente ou detectá-los antes que se tornem graves.

  • Leia Corrigir um servidor sobrecarregado para saber como detectar, mitigar e evitar problemas de pico de tráfego.
  • Remova imagens, vídeos, scripts e fontes desnecessários. Verifique se cada página se concentra em oferecer apenas a funcionalidade de que as pessoas que usam seu site realmente precisam.
  • Otimizar as imagens pode reduzir significativamente o uso da largura de banda do servidor, porque as imagens são a principal fonte de sobrecarga na Web.
  • Descarregue o máximo possível de conteúdo estático para CDNs. Mais detalhes de provedores comuns: AWS, Azure, Cloudflare, Google Cloud, Firebase.
  • Verifique se a CDN tem otimizações fáceis de ativar, como compactação dinâmica de imagens, compactação de texto ou minificação automática de recursos JS e CSS.
  • Otimizar o armazenamento em cache HTTP pode reduzir significativamente as demandas nos servidores com uma mudança mínima no código. Confira O cache HTTP: sua primeira linha de defesa para uma visão geral e Armazenamento em cache HTTP e Práticas recomendadas de armazenamento em cache para recomendações específicas. A auditoria Exibir recursos estáticos com uma política de cache eficiente no Lighthouse pode ajudar você a detectar rapidamente recursos que não estão sendo armazenados em cache. Lembre-se de que diferentes tipos de recursos têm requisitos de atualização diferentes e, portanto, exigem estratégias de armazenamento em cache diferentes.
  • Os service workers são outra maneira de reduzir significativamente as demandas nos servidores, mas podem exigir um investimento técnico significativo. Eles também permitem que seu site funcione off-line, para que você possa apresentar o horário de funcionamento, números de telefone e outras informações para usuários recorrentes sem uma conexão. O Workbox é a abordagem recomendada para adicionar service workers a sites porque automatiza muitos códigos boilerplate, facilita o cumprimento das práticas recomendadas e evita bugs sutis que são comuns ao usar a API ServiceWorker de baixo nível diretamente.
  • Se o site estiver com um aumento significativo no uso, verifique se você tem proteção adequada contra ataques DDoS, porque seu site pode se tornar um alvo mais atraente. Mais detalhes de provedores comuns: AWS, Azure, Cloudflare, Google Cloud.

Consulte Confiabilidade da rede para mais orientações.

Acessibilidade

Focar na acessibilidade é mais importante do que nunca, porque mais pessoas com uma variedade de necessidades provavelmente estão acessando seu site. Siga as diretrizes abaixo para garantir que a funcionalidade principal do seu site seja acessível para todos.

Identidade, segurança e privacidade

Pode ser tentador pegar atalhos para lançar correções críticas, mas sempre tome cuidado para não abrir brechas de segurança ao fazer isso. As pessoas precisam acessar conteúdo sobre temas extremamente particulares. Os sites precisam proteger esses dados sensíveis do usuário a todo custo e convencer as pessoas de que as informações de identificação pessoal (PII) delas estão seguras.

Consulte Segurança para mais orientações.

Usabilidade, UI e UX

As pessoas estão usando mais a Web para atender às necessidades básicas. Muitas dessas pessoas não usam a Web com frequência. Vale a pena auditar a usabilidade da funcionalidade principal do seu site e garantir que ela seja o mais simples e fácil de usar possível.

  • Considere adicionar um banner em destaque (que pode ser removido com um botão X) na parte de cima do site que comunique claramente as atualizações de serviço. Use uma call-to-action no banner para direcionar as pessoas a recursos mais específicos. Use cores e fontes distintas que se destaquem do restante do conteúdo da página. Escreva com empatia, foco nas necessidades das pessoas e transparência sobre o tipo de serviço que elas podem esperar.
  • Procure oportunidades para minimizar as interações físicas nas suas jornadas ideais do usuário (CUJs, na sigla em inglês) e sugira essas mudanças à equipe de produtos. Por exemplo, se o serviço de entrega geralmente exige uma assinatura, verifique se há alguma maneira de contornar isso.
  • Verifique se as CUJs são as mais simples e intuitivas possíveis e sugira mudanças à equipe de produtos se houver oportunidades de melhoria.
  • Revise os princípios de um bom design para dispositivos móveis e teste as CUJs em vários dispositivos móveis para garantir que não haja problemas evidentes. As pessoas que não usam a Web com frequência e, de repente, precisam depender mais dela provavelmente estão acessando seu site em dispositivos móveis.
  • Refatore seu site para usar padrões de design responsivo sempre que possível.
  • Verifique se os formulários são eficientes e bem projetados.

SEO

As pessoas estão procurando informações importantes sobre saúde e emprego. É importante garantir que seus sites sejam detectáveis por todos os mecanismos de pesquisa. As auditorias de SEO do Lighthouse podem ajudar a detectar problemas básicos. Siga os blogs oficiais dos mecanismos de pesquisa para receber as orientações e atualizações mais recentes: Google, Bing, Baidu, DuckDuckGo, Yandex. Postagens recentes relacionadas à COVID-19:

Consulte Detectável para mais orientações.

Desempenho

Alguns ISPs (na Índia, por exemplo) estão observando um aumento acentuado no uso da Internet doméstica e não têm a infraestrutura necessária para atender à demanda crescente. Em situações como essa, a velocidade do seu site pode estar diminuindo sem que você tenha culpa. Otimizar o desempenho de carregamento pode ser uma maneira de compensar a redução da largura de banda. Em outras palavras, ao reduzir o número de bytes que precisam ser enviados pela rede para carregar suas páginas, é possível compensar o impacto no desempenho da largura de banda reduzida.

  • As imagens são a causa número um de sobrecarga na Web. É possível reduzir significativamente o uso de largura de banda do seu site otimizando as imagens. O Squoosh é uma ferramenta simples de código aberto para compactação de imagens que pode ajudar você a compactar suas imagens rapidamente.
  • Execute o WebPageTest ou o Lighthouse para descobrir as principais oportunidades de melhoria de desempenho.
  • Ative a compactação de texto para reduzir o tamanho de rede dos recursos de texto. Essa costuma ser uma vitória de desempenho fácil que exige um investimento técnico mínimo.
  • Leia Como corrigir a velocidade do site de forma multifuncional para saber como colaborar e conseguir a adesão de outros departamentos.
  • Use o carregamento lento padronizado para imagens para minimizar as solicitações de imagens que as pessoas talvez nunca vejam. A compatibilidade com navegadores não é total, mas o recurso pode ser tratado como um aprimoramento progressivo. Em outras palavras, se um determinado navegador não for compatível com o carregamento lento padronizado, a imagem será carregada normalmente.
  • Verifique se o site tem scripts de teste A/B ou de personalização que podem ser carregados de forma mais assíncrona ou se há alguma funcionalidade não crítica nos scripts que pode ser desativada. Os scripts de teste A/B e personalização geralmente não podem ser carregados de forma totalmente assíncrona porque precisam ser executados antes do carregamento do conteúdo da página, mas pode haver alguma oportunidade de carregar partes dos scripts de forma mais assíncrona. Consulte Caminho de renderização crítico para entender a compensação fundamental entre scripts síncronos (também conhecidos como scripts de bloqueio de renderização) em geral e o tempo de carregamento da página. Em seguida, decida se você precisa priorizar os scripts de bloqueio de renderização em relação ao tempo de carregamento da página ou vice-versa.
  • O código de terceiros constitui cerca de metade de todas as solicitações para a maioria dos sites. Considere otimizar, remover ou desativar temporariamente o código de terceiros que não é fundamental para a execução do site.
  • Se os lançamentos de recursos forem despriorizados, esse pode ser o momento perfeito para fazer uma limpeza. Remova tags dos Tag Managers, limpe CSS e JS inchados e remova recursos ou códigos descontinuados. A guia "Cobertura" no Chrome DevTools e a classe Coverage no Puppeteer podem ajudar a detectar códigos não utilizados.

Consulte Tempos de carregamento rápidos para mais orientações.