Comment optimiser les performance de votre site avec la compression GZIP ?

Qu’est-ce que la compression GZIP ?

La compression GZIP est un moyen simple et efficace d’économiser de la bande passante et d’accélérer votre site. Cela passe par la compression des fichiers afin qu’ils soient transférés plus rapidement.

La compression GZIP signifie que vos pages Web se chargent plus rapidement pour les utilisateurs du site Web. Le serveur envoie le fichier compressé au navigateur de l’utilisateur, qui le télécharge et le décompresse ensuite. La compression réduit la taille d’un fichier jusqu’à 90 %, de sorte que les pages se chargent plus rapidement et nécessitent moins de données.

Ceci, à son tour, équivaut à une meilleure expérience utilisateur et à un meilleur classement dans les moteurs de recherche.

Pourquoi la compression GZIP est elle importante ?

Avant de commencer, je devrais expliquer ce qu’est l’encodage de contenu.

Lorsque vous demandez un fichier comme http://www.google.com/index.html, votre navigateur communique avec un serveur Web. La conversation se déroule un peu comme ceci :
Requête HTTP régulière

Donc quel est le problème  ?

Eh bien, le système fonctionne, mais ce n’est pas si efficace. Si nous pouvions envoyer un fichier .zip au navigateur (index.html.zip) au lieu de l’ancien index.html, nous économiserions de la bande passante et du temps de téléchargement.

Le navigateur peut télécharger le fichier compressé, l’extraire, puis le montrer à l’utilisateur, qui est de bonne humeur car la page s’est chargée rapidement. La conversation navigateur-serveur pourrait ressembler à ceci :
Requête HTTP compressée

La formule est simple: fichier plus petit = téléchargement plus rapide = visiteur satisfait.

Comment résoudre le problème lorsqu’il est mis en évidence ?

La compression GZIP est activée différemment selon le type de serveur que vous utilisez.

L’une des solutions les plus courantes consiste à ajouter du code au fichier .htaccess sur votre serveur Web. Une fois activée, la compression GZIP sera détectée lors de la prochaine exploration et vous verrez votre score SEO s’améliorer en conséquence. Pour plus de détails sur les problèmes trouvés, cliquez sur le lien Google PageSpeed ​​sur la page Compression GZIP.

Configuration du serveur pour une compression GZIP

La « bonne nouvelle » est que nous ne pouvons pas contrôler le navigateur. Il envoie soit le codage Accept: gzip, l’en-tête deflate, soit il ne le fait pas.

Notre travail ici, consiste à configurer le serveur pour qu’il renvoie le contenu compressé si le navigateur peut le gérer, économisant ainsi de la bande passante pour tout le monde.

Pour IIS, activez la compression dans les paramètres.

Dans Apache, l’activation de la compression de sortie est assez simple. Ajoutez ce qui suit à votre fichier .htaccess : # compresser le texte, le html, le javascript, le css, le xml :

AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/Typess

AddOutputterBil application DEFLATE application xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript # Ou compresser certains types de fichiers par extension : SetOutputFilter DEFLATE Apache a en fait deux options de compression :

  • mod_deflate est plus facile à installer et est standard.
  • mod_gzip semble plus puissant : vous pouvez pré-compresser le contenu.

Deflate est rapide et fonctionne, donc je l’utilise ; utilisez mod_gzip si cela marche pour vous.

Dans les deux cas, Apache vérifie si le navigateur a envoyé l’en-tête «Accept-encoding» et renvoie la version compressée ou régulière du fichier. Cependant, certains navigateurs plus anciens peuvent rencontrer des problèmes et vous pouvez ajouter des directives spéciales pour corriger cela.

Si vous ne pouvez pas modifier votre fichier .htaccess, vous pouvez utiliser PHP pour renvoyer le contenu compressé. Donnez à votre fichier HTML une extension .php et ajoutez ce code en haut : En PHP : Nous vérifions l’en-tête « Accept-encoding » et renvoyons une version gzippée du fichier (sinon la version normale).

Vérifiez votre compression GZIP

Une fois que vous avez configuré votre serveur, vérifiez que vous servez réellement du contenu compressé.

  • En ligne: Utilisez le test gzip en ligne pour vérifier si votre page est compressée.
  • Dans votre navigateur : Dans Chrome, ouvrez l’onglet Outils de développement > Réseau (Firefox sera similaire). Actualisez votre page et cliquez sur la ligne réseau de la page elle-même (c’est-à-dire, www.google.com). L’en-tête « Content-encoding: gzip » signifie que le contenu a été envoyé compressé.

Mises en garde avec la compression GZIP

Aussi excitant que cela puisse paraître, la compression HTTP n’est pas seulement amusante et amusante. Voici ce qu’il faut surveiller :

  • Anciens navigateurs: Oui, certains navigateurs peuvent encore avoir des problèmes avec le contenu compressé. Si votre site doit absolument fonctionner avec Netscape 1.0 sous Windows 95, vous ne voudrez peut-être pas utiliser la compression HTTP. Apache mod_deflate a quelques règles pour éviter la compression pour les navigateurs plus anciens.
  • Contenu déjà compressé: La plupart des images, musiques et vidéos sont déjà compressées. Ne perdez plus de temps à les compresser à nouveau. En fait, vous n’avez probablement besoin que de compresser les 3 principaux (HTML, CSS et Javascript).
  • Charge CPU: La compression de contenu à la volée utilise du temps CPU et économise de la bande passante. Habituellement, c’est un bon compromis compte tenu de la vitesse de compression. Il existe des moyens de pré-compresser le contenu statique et d’envoyer les versions compressées. Cela nécessite plus de configuration ; même si ce n’est pas possible, la compression de la sortie peut toujours être une victoire nette. L’utilisation de cycles CPU pour une expérience utilisateur plus rapide en vaut la peine, étant donné la courte durée d’attention sur le Web.

L’activation de la compression est l’un des moyens les plus rapides d’améliorer les performances de votre site. Allez-y, configurez-le et laissez vos utilisateurs profiter des avantages.

Pour d’autre conseils sur l’amélioration des performance de votre site web : 10 façons d’accélérer le chargement de votre Site Web.

Laisser un commentaire