Les ressources textuelles doivent être diffusées compressées pour réduire le nombre total d'octets réseau. La section "Opportunités" de votre rapport Lighthouse répertorie toutes les ressources textuelles qui ne sont pas compressées:
Comment Lighthouse gère la compression du texte
Lighthouse rassemble toutes les réponses qui:
- avoir des types de ressources textuels ;
- N'incluez pas d'en-tête
content-encoding
défini surbr
,gzip
oudeflate
.
Lighthouse compresse ensuite chacun de ces éléments avec GZIP pour calculer les économies potentielles.
Si la taille d'origine d'une réponse est inférieure à 1,4 Kio, ou si les économies potentielles de la compression sont inférieures à 10% de la taille d'origine, Lighthouse ne signale pas cette réponse dans les résultats.
Activer la compression de texte sur votre serveur
Pour passer cet audit, activez la compression de texte sur le ou les serveurs ayant diffusé ces réponses.
Lorsqu'un navigateur demande une ressource, il utilise l'en-tête de requête HTTP Accept-Encoding
pour indiquer les algorithmes de compression compatibles.
Accept-Encoding: gzip, compress, br
Si le navigateur est compatible avec Brotli (br
), vous devez utiliser Brotli, car cela peut réduire davantage la taille de fichier des ressources que les autres algorithmes de compression. Recherchez 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. Consultez la section Compatibilité des navigateurs pour obtenir les mises à jour.
Utilisez GZIP en remplacement de Brotli. GZIP est compatible avec les principaux navigateurs, mais est moins efficace que Brotli. Consultez la section Configurations de serveur pour obtenir des exemples.
Votre serveur doit renvoyer l'en-tête de réponse HTTP Content-Encoding
pour indiquer l'algorithme de compression utilisé.
Content-Encoding: br
Vérifier si une réponse a été compressée dans les outils pour les développeurs Chrome
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 .
[comment]: <> (La liste suivante était un code court de web.dev, mais n'était pas traduit de l'anglais pour aucune langue.)
1. Appuyez sur Control+Shift+J
(ou Command+Option+J
sur Mac) pour ouvrir les outils de développement.
2. Cliquez sur l'onglet Réseau.
3. Cliquez sur la requête à l'origine de la réponse qui vous intéresse.
4. Cliquez sur l'onglet Headers (En-têtes).
5. Vérifiez l'en-tête content-encoding
dans la section Response Headers (En-têtes de réponse).
Pour comparer les tailles compressées et décompressées d'une réponse:
[comment]: <> (La liste suivante était un code court de web.dev, mais n'était pas traduit de l'anglais pour aucune langue.)
1. Appuyez sur Control+Shift+J
(ou Command+Option+J
sur Mac) pour ouvrir les outils de développement.
2. Cliquez sur l'onglet Réseau.
3. Activer les lignes de requêtes volumineuses.
Consultez Utiliser les lignes de requêtes volumineuses.
4. Examinez la colonne Taille correspondant à la réponse qui vous intéresse. La première valeur correspond à la taille compressée. La valeur inférieure correspond à la taille décompressée.
Consultez également Minifier et compresser les charges utiles du réseau.
Conseils spécifiques à la pile
Joomla
Activez le paramètre "Gzip Page Compression" (System > Global configuration > Server (Système > Configuration globale > Serveur).
WordPress
Activez la compression de texte dans la configuration de votre serveur Web.