Assurez-vous que votre site Web est disponible et utilisable par tout le monde pendant COVID-19

Cette page fournit des conseils pour vous aider à garantir que votre site Web est disponible, accessible, sécurisé et utilisable par tous à tout moment.

La guía en esta página proviene de una colección multifuncional de equipos dentro de Google que están cambiando su enfoque a corto plazo para respaldar sitios web que ayudan a las gens a mantenerse seguras durante la situación de COVID-19. Estos empleados de Google han visto que los sitios se enfrentan a un aumento sin precedentes en la demanda de personas que buscan información crítica, muchas de las cuales rara vez o nunca han utilizado la web antes. Puede ser un desafío garantizar que los sitios estén disponibles durante este tiempo y accesibles para todos.

guider

Disponibilité, fiabilité, résilience et stabilité

Si su sitio está experimentando picos de circulation y está fallando, o si desea evitar que falle, la guía a continuación puede ayudarlo a solucionar problemas rápidamente o detectarlos antes de que se conviertan en problemas importantes.

• Lea Reparar un serveur sobrecargado para aprender a detectar, mitigar y prevenir problemas de picos de tráfico.
• Elimine imágenes, videos, scripts y fuentes innecesarios. Asegúrese de que cada página se centre en ofrecer la funcionalidad que las personas que utilizan su sitio realmente necesitan.
• L'optimisation de vos images peut réduire considérablement l'utilisation de la bande passante de votre serveur car les images sont la première source de ballonnements sur le web.
• Descargue la mayor cantidad posible de Contenu estático en CDN. Más detalles de proveedores comunes:
  AWS,
  bleu azur,
  Cloudflare,
  Nuage de Google,
  Firebase.
• Compruebe si su CDN tiene alguna optimización que être fácil de activar, como compresión dinámica de imágenes, compresión de texto o minificación automática de recursos JS y CSS.
• La optimización del almacenamiento en cache HTTP puede reducir significativamente las demandas de sus servidores con un cambio mínimo de código. Consulte La caché HTTP: su primera línea de defensa para obtener una descripción general y Mise en cache HTTP
  y Bonnes pratiques de mise en cache pour des recommandations spécifiques. La diffusion d'actifs statiques avec un audit de stratégie de cache efficace dans Lighthouse peut vous aider à détecter rapidement les ressources qui ne sont pas mises en cache. Gardez à l'esprit que différents types de ressources auront des exigences de mise à jour différentes et nécessiteront donc différentes stratégies de mise en cache.
• Les techniciens de maintenance sont un autre moyen de réduire considérablement les demandes sur vos serveurs, mais ils peuvent nécessiter un investissement technique important. Ils permettent également à votre site Web de fonctionner
  débranché, vous permettant de présenter les heures d'ouverture, les numéros de téléphone et d'autres informations aux utilisateurs qui reviennent sans connexion. Workbox est l'approche recommandée pour ajouter des techniciens de maintenance aux sites Web, car elle automatise de nombreuses rediffusions, facilite le suivi des meilleures pratiques et évite les erreurs subtiles qui sont courantes lors de l'utilisation du bas niveau. ServiceWorker
  API directamente.
• Si votre site connaît une utilisation accrue, vérifiez si vous disposez d'une protection adéquate contre Attaques DDoS porque su sitio ahora puede ser un objectif más atractivo. Más detalles de proveedores comunes:
  AWS,
  bleu azur,
  Cloudflare,
  Nuage de Google.

Voir Fiabilité du réseau pour plus d'informations.

Accessibilité

Il est plus important que jamais de se concentrer sur l'accessibilité, car de plus en plus de personnes ayant des besoins variés sont susceptibles d'accéder à votre site. Suivez les directives ci-dessous pour vous assurer que la fonctionnalité principale de votre site Web est accessible à tous.

Identité, sécurité et confidentialité

Puede ser tentador tomar atajos para obtener soluciones críticas, pero siempre tenga cuidado de no abrir agujeros de seguridad al hacerlo. Las personas necesitan acceder a contenido sobre temas que son extremadamente privados. Los sitios web deben proteger a toda costa estos datos confidenciales del Nom d'utilisateur y convencer a las personas de que
informations personnellement identifiables (PII) est sûr.

Voir Sûr et sécurisé pour plus d'informations.

Convivialité, UI et UX

Les gens comptent de plus en plus sur le Web pour répondre à leurs besoins fondamentaux. Beaucoup de ces personnes n'utilisent pas fréquemment le Web. Cela vaut la peine d'auditer la convivialité des fonctionnalités de base de votre site et de s'assurer qu'il est aussi simple et convivial que possible.

• Considere agregar un bannière prominente (que se puede quitar con un X bouton) en haut de votre site Web qui communique clairement les mises à jour du service. Utilisez un appel à l'action sur la bannière pour diriger les gens vers des ressources plus spécifiques. Pensez à utiliser différentes couleurs et polices qui se démarquent du reste du contenu de votre page. Gardez votre écriture empathique, concentrée sur les besoins des gens et transparente sur le type de service auquel vous pouvez vous attendre.
• Cherchez des occasions de minimiser les interactions physiques dans votre parcours utilisateurs critiques (CUJ) et suggérez ces changements à votre équipe produit. Par exemple, si votre service de livraison nécessite généralement une signature, voyez s'il existe un moyen de le réparer.
• Assurez-vous que vos CUJ sont aussi simples et intuitifs que possible et suggérez des modifications à votre équipe produit si vous voyez des opportunités d'amélioration.
• Vérifier la principes d'un bon design mobile
  et testez vos CUJ sur divers appareils mobiles pour vous assurer qu'il n'y a pas de problèmes évidents. Les personnes qui n'utilisent pas fréquemment le Web et qui sont soudainement obligées de s'appuyer davantage sur le Web sont susceptibles d'accéder à votre site à partir d'appareils mobiles.
• Refactorisez votre site pour l'utiliser modèles de conception réactifs
  autant que possible.
• Assurez-vous que vos formulaires sont
  efficace
  y
  bien conçu.

SEO

Las personas buscan información crítica relacionada con la salud y el trabajo. Es importante asegurarse de que sus sitios sean detectables por todos los moteurs de recherche. Las auditorías de Lighthouse SEO pueden ayudarlo a detectar problemas básicos. Siga los blogs oficiales de los motores de búsqueda para obtener la orientación y las actualizaciones más recientes:
Google,
Bing,
Baidu,
Canard Canard à Gagner,
Yandex. Articles récents liés au COVID-19 :

Voir Découvrable pour plus d'informations.

Performance

Certains FAI (en inde par exemple) regardent un forte augmentation de l'utilisation d'Internet à domicile
y no tienen la infraestructura para satisfacer la creciente demanda. En situaciones como esta, la velocidad de su sitio web puede disminuir sin que usted tenga la culpa. Optimiser el rendimiento de su carga podría ser una forma de compensar el viento en contra del ancho de banda reducido. En otras palabras, al reducir la cantidad de bytes que deben enviarse a través de la red para cargar sus páginas, puede compensar el impacto en el rendimiento de la reducción del ancho de banda.

• Les images sont les principale cause de gonflement sur le Web. Vous pourrez peut-être réduire considérablement l'utilisation de la bande passante de votre site Web en optimisant vos images.
  Squoosh es una sencilla herramienta de compresión de imágenes de Open source que puede ayudarlo a comprimir rápidamente sus imágenes.
• courir WebPageTest ou
  Phare
  pour découvrir vos meilleures opportunités d'amélioration de la performance.
• Activez la compression de texte pour réduire la taille du réseau des ressources de texte. Il s'agit souvent d'un gain de performances facile qui nécessite un investissement technique minimal.
• Lisez Comment corriger la vitesse du site Web pour apprendre à collaborer et à obtenir l'adhésion d'autres départements.
• Utilisez le lazy loading natif pour les images afin de minimiser les demandes d'images que les gens ne verront peut-être jamais. Compatibilité du navigateur
  no es 100%, pero la función puede tratarse como una mejora progresiva. En otras palabras, si un determinado le navigateur no admite la carga diferida nativa, la imagen debería cargarse como lo hace normalmente.
• Vérifiez si votre site contient des scripts de test A/B ou de personnalisation qui peuvent être chargés de manière plus asynchrone ou s'il existe des fonctionnalités non critiques dans les scripts qui peuvent être désactivées. Les scripts de personnalisation et de test A/B ne peuvent généralement pas être chargés complètement de manière asynchrone car ils doivent être exécutés avant le chargement du contenu de la page, mais il peut être possible de charger des parties des scripts de manière plus asynchrone. Regarder Chemin de rendu critique para comprender la compensación fundamental entre los scripts sincrónicos (también conocidos como scripts de bloqueo de procesamiento) en general y el tiempo de carga de la página, y luego decidir si necesita priorizar los scripts de bloqueo de procesamiento sobre el tiempo de carga de la página , ou vice et versa.
• Le code tiers constitue environ la moitié de toutes les demandes pour la plupart des sites Web. À envisager
  optimisation
  ou supprimer ou désactiver temporairement le code tiers qui n'est pas essentiel au fonctionnement de votre site.
• Si les versions de fonctionnalités ne sont pas prioritaires, c'est peut-être le moment idéal pour faire le ménage. Supprimez les balises de vos gestionnaires de balises, nettoyez les CSS et JS gonflés et supprimez le code ou les fonctionnalités obsolètes. Les
  Onglet Couverture
  dans Chrome DevTools et
  Couverture La classe dans Puppeteer peut vous aider à détecter le code inutilisé.

Voir Temps de charge rapide pour plus de conseils.

Image de héros pour
POT au
Unsplash