Activer la compression de texte

Les ressources textuelles doivent être diffusées sous forme compressée pour réduire au maximum la quantité octets. La section "Opportunités" de votre rapport Lighthouse répertorie toutes les données ressources non compressées:

Capture d'écran de l'audit "Activer la compression de texte" de Lighthouse

Comment Lighthouse gère la compression de texte

Lighthouse collecte toutes les réponses:

  • Elles comportent des types de ressources basés sur du texte.
  • N'incluez pas d'en-tête content-encoding défini sur br, gzip ou deflate

Lighthouse compresse chacun de ces éléments GZIP pour calculer le potentiel d'économies.

Si la taille d'origine d'une réponse est inférieure à 1,4 Kio, ou si le de réduction potentielle de la compression est moins de 10% par rapport à la taille d'origine, Lighthouse ne signale pas cette réponse dans les résultats.

Activer la compression de texte sur votre serveur

Activez la compression du texte sur le ou les serveurs qui ont diffusé ces réponses afin de réussir cet audit.

Lorsqu'un navigateur demande une ressource, il utilise la Accept-Encoding En-tête de requête HTTP pour indiquer les algorithmes de compression compatibles.

Accept-Encoding: gzip, compress, br

Si le navigateur est compatible avec Brotli (br), nous vous recommandons d'utiliser Brotli, car il permet de réduire la taille de fichier des ressources d'autres algorithmes de compression. Rechercher how to enable Brotli compression in <X>, où <X> est le nom de votre serveur. Depuis décembre 2022, Brotli est compatible avec tous les principaux navigateurs, à l'exception de Safari sur iOS. Voir Compatibilité du navigateur pour obtenir des mises à jour.

Utilisez GZIP comme solution de remplacement pour Brotli. GZIP est compatible avec les principaux navigateurs, mais il est moins efficace que Brotli. Consultez Configurations de serveur. pour obtenir des exemples.

Votre serveur doit renvoyer le Content-Encoding En-tête de réponse HTTP indiquant l'algorithme de compression utilisé.

Content-Encoding: br

Vérifier la compression des réponses

Pour vérifier si un serveur a compressé une réponse:

Appuyez sur Control+Shift+J (ou Command+Option+J sur Mac) pour ouvrir les outils de développement. Cliquez sur l'onglet Réseau .

  1. Appuyez sur Ctrl+Maj+J (ou Cmd+Option+J sur Mac) pour ouvrir les outils de développement.
  2. Cliquez sur l'onglet Réseau.
  3. Cliquez sur la requête qui a généré la réponse qui vous intéresse.
  4. Cliquez sur l'onglet En-têtes.
  5. Vérifiez l'en-tête content-encoding dans la section Response Headers (En-têtes de réponse).
<ph type="x-smartling-placeholder">
</ph> En-tête de réponse d&#39;encodage du contenu <ph type="x-smartling-placeholder">
</ph> En-tête de réponse content-encoding.

Pour comparer les tailles compressées et décompressées d'une réponse:

  1. Appuyez sur Ctrl+Maj+J (ou Cmd+Option+J sur Mac) pour ouvrir les outils de développement.
  2. Cliquez sur l'onglet Réseau.
  3. Activez les lignes de requêtes volumineuses. Consultez la section Utiliser des lignes de requêtes volumineuses.
  4. Recherchez la réponse qui vous intéresse dans la colonne Size (Taille). La la valeur "top" est la taille compressée. La valeur inférieure correspond à la valeur la taille de l'image.

Consultez également Minifier et compresser les charges utiles réseau.

Conseils spécifiques aux piles

  • Joomla: activez le paramètre de compression des pages avec Gzip (Système > Configuration globale > Serveur).
  • WordPress: activez la compression de texte dans la configuration de votre serveur Web.

Ressources