Guide du débutant pour l’optimisation des fichiers de site Web (chargement 70% plus rapide)

Pour accélérer votre site Web et économiser de la bande passante, la compression est l’un des moyens les plus efficaces (et les plus simples) d’y parvenir..


… Pourtant, de nombreux propriétaires de sites Web n’optimisent toujours pas leurs fichiers en 2020, soit parce qu’ils ne savent pas à quel point c’est important, soit ils ne savent pas comment..

Pour faire court, l’un des moyens les plus importants d’accélérer la vitesse de chargement de vos pages consiste à accélérer le chargement de vos fichiers JavaScript (JS)… Et vous pouvez accélérer votre JavaScript en utilisant la compression GZIP.

Maintenant, cela n’est idéal que pour les navigateurs modernes, mais la plupart des internautes utilisent un appareil et un navigateur récents. Yahoo et Google utilisent la compression GZIP.

Mais d’abord, établissons un peu de contexte.

Étape # 1: Qu’est-ce que le codage de contenu?

Pour être en mesure d’optimiser efficacement les fichiers de votre site Web, il est important de comprendre un concept appelé encodage de contenu.

En termes simples, cela permet de compresser un document sans risquer de perdre son identité de type de support sous-jacent. Votre navigateur communiquera avec un serveur Web lorsque vous demanderez un fichier.

Requête HTTP

Fondamentalement, le navigateur indique au serveur ce qu’il veut. Le serveur le recherche et le trouve. Le navigateur le charge ensuite. Plus le fichier est volumineux, plus le navigateur met de temps à le charger.

Alors, que faites-vous quand un fichier est trop volumineux?

Vous le fermerez. Lorsque vous envoyez un fichier compressé à un navigateur, vous économisez du temps de téléchargement et de la bande passante.

Il y a deux éléments associés au serveur et au navigateur sachant qu’il est correct d’envoyer un fichier compressé:

  • Le navigateur informe le serveur qu’il est bien d’envoyer le contenu compressé en envoyant un en-tête
  • Si le contenu est compressé, le serveur envoie une réponse

Si le fichier n’est pas compressé, le serveur n’enverra pas l’en-tête de réponse de codage de contenu. L’en-tête accept-encoding n’est pas une demande, mais juste une demande faite par le navigateur.

Le navigateur devra faire face à la version lourde régulière si le serveur n’envoie pas le contenu compressé.

Configuration du serveur

Vous n’avez aucun contrôle sur le navigateur. Il enverra l’en-tête ou ne l’enverra pas. Cependant, vous pouvez configurer le serveur que vous utilisez pour vous assurer que le contenu de la fermeture à glissière est renvoyé tant que le navigateur est en mesure de le gérer. Cela se traduit par d’importantes économies de bande passante.

performances web après compression

Pour ce faire, activez simplement les paramètres de compression pour IIS. Si vous utilisez Apache, il est relativement simple d’activer la compression de sortie. Accédez simplement à votre fichier .htaccess et ajoutez le code approprié.

Il existe deux options de compression parmi lesquelles choisir avec Apache:

  • mod_deflate est standard et il est plus facile de le configurer
  • mod_gzip vous permet de pré-compresser le contenu et il semble plus puissant

dégonfler apache facile

Peu importe l’option que vous choisissez, Apache cherchera à voir si le navigateur a envoyé l’en-tête pour accepter-encodage, puis retournera le fichier dans sa version régulière ou sa version compressée.

Si un navigateur plus ancien cause des problèmes, vous pouvez corriger ce problème en ajoutant certaines directives spéciales.

Pour renvoyer du contenu compressé, vous pouvez utiliser PHP si vous ne parvenez pas à modifier votre fichier .htaccess. En PHP:

<?php if (substr_count ($ _ SERVER [«HTTP_ACCEPT_ENCODING»], «gzip»)) ob_start («ob_gzhandler»); else ob_start (); ?>

Une version compressée du fichier est renvoyée après vérification de l’en-tête accept-encoding. Cela revient à créer un serveur Web par vous-même. Pour compresser votre sortie, Apache le rend plus facile.

Mise en garde importante: la plupart des logiciels de création de sites Web ne permettent pas la modification au niveau du code (à quelques exceptions près). Sur Hosting Canada, nous sommes de fervents défenseurs de l’auto-hébergement de votre site, mais réalisez que ce n’est pas pour tout le monde. Lorsque vous utilisez des constructeurs de sites Web comme Squarespace, Wix ou Weebly, ce type de bricolage au niveau du serveur est probablement hors de votre portée.

Vérifiez votre compression

Il est important de vous assurer que vous fournissez du contenu compressé une fois la configuration de votre serveur terminée. Pour déterminer si votre page est compressée en ligne, vous pouvez utiliser un test GZIP en ligne.

Dans votre navigateur, les outils de développement peuvent vous aider. Vous souhaiterez accéder à l’onglet réseau, actualiser la page, puis cliquer sur la ligne réseau de la page spécifique.

Si le contenu a été envoyé compressé, vous verrez l’en-tête «content-encoding: GZIP».

en-tête google chrome gzip

Pour obtenir plus de détails, vous pouvez cliquer sur l’icône «utiliser de grandes lignes». Cela fournit également des informations sur la taille réelle du contenu et la taille de transfert compressée.

Mises en garde à considérer

La compression offre de nombreux avantages, mais il y a des inconvénients à tout. Vous souhaitez connaître les éléments suivants:

  • Graphique du taux de compressionContenu déjà compressé: La plupart des musiques, vidéos et images sont déjà compressées. Si vous essayez à nouveau de les compresser, c’est en grande partie juste une perte de temps. Dans la plupart des cas, vous n’avez qu’à vous soucier de la compression de CSS, HTML et JavaScript.
  • Navigateurs plus anciens: Le contenu compressé n’est pas compatible avec tous les navigateurs. Cela est particulièrement vrai pour les navigateurs plus anciens. Par exemple, vous souhaiterez peut-être éviter la compression HTTP si vous devez travailler sur Windows 95 ou avec Netscape 1.0. Il existe des règles et des directives pour éviter la compression pour les anciens navigateurs avec Apache mod-deflate.
  • Charge CPU: Économisez de la bande passante et utilisez le temps CPU lorsque vous compressez du contenu à la volée. Compte tenu de la vitesse de compression, le compromis est généralement considéré comme équitable. Il existe des moyens d’envoyer des versions compressées et de précompresser du contenu statique. Cela nécessite généralement plus de configuration. N’oubliez pas que les gens sur Internet ont une courte durée d’attention, donc augmenter la vitesse pour une meilleure expérience utilisateur en utilisant des cycles CPU est généralement toujours une bonne idée.

Pourquoi utiliser la compression GZIP

console de compression httpLa compression GZIP offre de nombreux avantages. Il est important de savoir de quoi il s’agit afin de bien comprendre pourquoi vous devriez commencer à l’utiliser..

En moyenne, l’utilisation de GZIP pour compresser vos fichiers CSS et HTML vous permet d’économiser 50 à 70% de la taille totale du fichier. Cette importante économie de taille de fichier se traduit par une expérience utilisateur bien meilleure et efficace sur votre site Web..

Cette technique joue également un rôle important dans le référencement global de votre site Web. Les moteurs de recherche utilisent des algorithmes complexes pour déterminer où se trouvent les sites et les pages Web dans les résultats de recherche.

Un élément qui devient plus important à chaque mise à jour de l’algorithme est le temps de chargement de la page Web. Les moteurs de recherche utilisent ces informations pour déterminer l’optimisation globale d’un site Web.

test de vitesse de compression gzipLorsque les pages Web se chargent rapidement, les visiteurs du site n’ont pas à attendre pour accéder au contenu qu’ils recherchent. N’oubliez pas que les internautes ont une courte durée d’attention.

Si une page Web prend trop de temps à charger, l’utilisateur est susceptible de cliquer et de trouver un site plus rapide avec des informations similaires. Les moteurs de recherche veulent récompenser les sites Web à chargement plus rapide, donc ils leur donnent un meilleur placement dans les résultats de recherche.

Un site Web plus rapide augmente également les conversions. Cela signifie que si vous avez un site Web de commerce électronique, plus il se charge rapidement, plus vos ventes sont élevées. En fait, environ 51% des Américains disent que la première raison pour laquelle ils abandonnent un achat est un site Web lent.

Les études de cas montrent que vous pouvez améliorer votre taux de conversion de plus de 15% en réduisant le temps de chargement de votre site Web de seulement 2,2 secondes.

Résolution des problèmes de compression GZIP

Comme tous les éléments technologiques, la compression GZIP peut échouer pour les moindres raisons. La bonne nouvelle est que la plupart des raisons de l’échec sont réparables.

Le premier élément à examiner est de savoir si la compression GZIP est prise en charge par votre hébergeur. Bien que la plupart le prennent en charge en raison de son importance pour le chargement des pages, il y en a quelques-uns qui n’ont pas pris la peine d’assurer la compatibilité. Vous pouvez contacter votre hébergeur pour déterminer si la compatibilité GZIP est un problème.

L’élément suivant à explorer est votre code. Même un mauvais caractère peut causer des problèmes. Recherchez un caractère manquant, une erreur de syntaxe ou tout code mal formé. Tout votre codage doit fonctionner avec votre architecture pour que la compression réussisse.

Vous pouvez simplement vérifier votre code que vous avez entré avec PHP ou .htaccess (cela a été discuté ci-dessus). Si vous ne parvenez pas à trouver un problème, mais que vous pensez que le code est à blâmer, pensez à le remplacer complètement par un code différent qui est plus susceptible de fonctionner.

Dans certains cas, votre hébergeur a accès aux bons fichiers pour permettre la compression GZIP, mais ce n’est pas le cas. Dans ce cas, appelez simplement votre hôte et demandez-lui d’activer ces.

Vous avez appris plus tôt dans cet article comment vérifier votre compression GZIP. Il s’agit d’une option rapide et facile pour le dépannage. Il est généralement recommandé de le faire en premier. Si quelque chose ne va toujours pas, vérifiez auprès de votre hébergeur et évaluez le code que vous avez utilisé.

Si votre navigateur est obsolète, cela aussi peut causer des problèmes avec la compression GZIP. Cela est particulièrement courant avec les anciennes versions d’Internet Explorer. Si de nombreuses personnes qui visitent votre site utilisent un ancien navigateur, c’est un problème que vous devrez peut-être résoudre.

Si les fichiers sur votre site sont extrêmement volumineux, cela peut également poser des problèmes concernant la compression GZIP. Si vous utilisez une ancienne version de GZIP, les limites de taille de fichier peuvent être relativement petites, telles que deux gigaoctets ou moins. Pour cette raison, vous voulez déterminer quelles sont les limites de votre version GZIP.

Une des meilleures façons de améliorer les performances et la vitesse de votre site Web en activant la compression. Maintenant que vous savez comment le faire, vous pouvez commencer à profiter pleinement des avantages.

Soyez conscient des mises en garde et tenez-en compte lorsque vous travaillez. L’étape suivante consiste à le configurer afin que vos visiteurs puissent en profiter..

Un facteur de vitesse de site Web souvent négligé a à voir avec votre choix de société d’hébergement Web. Oui, cela fait une différence que vous choisissez, car certains fonctionnent simplement mieux lorsque vous prenez le temps de croquer les données.

Pour plus d’informations, consultez mon guide sur la façon d’améliorer la vitesse de votre site Web.

Références et crédits d’images:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector