La vitesse de chargement des pages et l'optimisation de site Web

Mis à jour : 24 janv. 2018


La vitesse de la page est une mesure de la vitesse à laquelle le contenu de votre page Web est chargé.



Qu'est ce que la vitesse de la page?


La vitesse de la page est souvent confondue avec la "vitesse du site Web", qui est en fait la vitesse de la page pour un échantillon de pages vues sur un site internet. La vitesse de la page peut être décrite soit dans "temps de chargement de la page" (le temps nécessaire pour afficher le contenu sur une page Web spécifique) ou "temps de téléchargement du premier octet" (combien de temps le navigateur met-il pour recevoir le premier octet à partir du serveur web).



Meilleures pratiques SEO


Google a indiqué que la vitesse du site Web (et par conséquent, la vitesse de la page) est l' un des signaux utilisés par son algorithme pour classer les pages Web. Et la recherche a montré que Google pourrait mesurer spécifiquement le temps au premier octet comme quand il considère la vitesse d'une page Web. En outre, une vitesse de page lente signifie que les moteurs de recherche peuvent explorer moins de pages en utilisant leur budget alloué d'analyse, ce qui peut avoir un impact négatif sur votre indexation.


La vitesse de la page Web est également importante pour l'expérience de utilisateur. Les pages avec un temps de chargement plus long ont tendance à avoir des taux de rebond plus élevés et les utilisateurs reste en moyenne moins longtemps sur ces pages Web. Des temps de chargement plus longs ont également été montré pour affecter négativement les conversions.


Voici quelques-unes des nombreuses façons d'augmenter la vitesse de votre page Web:



Activer la compression


Utilisez Gzip , une application pour la compression de fichiers, afin de réduire la taille de vos fichiers CSS, HTML et JavaScript de plus de 150 octets.


N'utilisez pas Gzip sur les fichiers image. Au lieu de cela, comprimez-les dans un logiciel comme Photoshop où vous pouvez garder le contrôle sur la qualité de l'image.



Réduire le code CSS, JavaScript et HTML


En optimisant votre code (y compris en supprimant les espaces, les virgules et autres caractères inutiles), vous pouvez augmenter considérablement la vitesse de votre page Web. Supprimez également les commentaires de code, le formatage et le code inutilisé. Google recommande d'utiliser YUI Compressor pour CSS et JavaScript.



Réduction des redirections


Chaque fois qu'une page Web redirige vers une autre page Web, votre visiteur doit attendre plus longtemps pour que le cycle de requête-réponse HTTP se termine. Par exemple, si votre modèle de redirection mobile ressemble à ceci: "example.com -> www.example.com -> m.example.com -> m.exemple.com/accueil", chacune de ces deux redirections supplémentaires constitue votre page Web et met plus de temps à s'afficher.



Tirer parti de la mise en cache du navigateur


Les navigateurs mettent en cache beaucoup d'informations (feuilles de style, images, fichiers JavaScript, etc.) de sorte que lorsqu'un visiteur revient sur votre site Web, le navigateur n'a pas besoin de recharger toute la page Web. Utilisez un outil comme YSlow pour voir si vous avez déjà une date d'expiration définie pour votre cache. Ensuite, définissez votre en-tête "expire" pour combien de temps vous voulez que ces informations soient mises en cache. Dans de nombreux cas, à moins que la conception de votre site Web change fréquemment, une année est une période raisonnable.



Améliorer le temps de réponse du serveur


Le temps de réponse de votre serveur dépend de la quantité de trafic que vous recevez, des ressources utilisées par chaque page Web, du logiciel utilisé par votre serveur et de la solution d'hébergement que vous utilisez. Pour améliorer le temps de réponse de votre serveur, recherchez les goulots d'étranglement des performances, tels que les requêtes de base de données lentes, le routage lent ou le manque de mémoire adéquate et corrigez-les. Le temps de réponse optimal du serveur est inférieur à 200 ms.



Utiliser un réseau de distribution de contenu


Les réseaux de distribution de contenu (CDN) sont des réseaux de serveurs utilisés pour répartir la charge de distribution de contenu. Essentiellement, les copies de votre site Web sont stockées dans plusieurs centres de données géographiquement diversifiés afin que les utilisateurs aient un accès plus rapide et plus fiable à votre site Web.



Optimiser les images


Assurez-vous que vos images ne sont pas plus grandes qu'elles ne le devraient, qu'elles sont dans le bon format de fichier (les images PNG sont généralement meilleures pour les graphiques de moins de 16 couleurs) et les images JPEG pour les photos. https://www.boxcom.ca/copie-de-offre-site-web


Utilisez les sprites CSS pour créer un modèle pour les images que vous utilisez fréquemment sur votre site Web, comme les boutons et les icônes. Les sprites CSS combinent vos images en une seule grande image qui les charge toutes en même temps (ce qui signifie moins de requêtes HTTP), puis n'affichent que les sections que vous souhaitez afficher. Cela signifie que vous économisez du temps de chargement en empêchant les utilisateurs d'attendre le chargement de plusieurs images.

Boxcom | Concetion de site Web et rférencement Web Québec

581.741.7767