la vitesse de la page est une mesure de la vitesse à laquelle le contenu de votre page se charge. La vitesse de la page est souvent confondue avec “vitesse du site,” qui est en fait la vitesse de la page pour un échantillon de pages vues sur un site. La vitesse de la page peut être décrite soit dans “temps de chargement des pages” (le temps qu'il faut pour afficher entièrement le contenu sur une page spécifique) ou “temps jusqu'au premier octet” (combien de temps il faut à votre navigateur pour recevoir le premier octet d'informations du serveur Web).

Vous pouvez évaluer la vitesse de votre page avec PageSpeed ​​Insights de Google. PageSpeed ​​Insights Speed ​​Score intègre les données de CrUX (Rapport sur l'expérience utilisateur Chrome) et des rapports sur deux mesures de vitesse importantes: Première peinture contente (FCP) et DOMContentLoaded (DCL).

Meilleures pratiques de référencement

Google a indiqué la vitesse du site (et comme résultat, vitesse des pages) est un des signaux utilisés par son algorithme pour classer les pages. Et des études ont montré que Google pourrait mesurer spécifiquement le temps jusqu'au premier octet comme lorsqu'il considère la vitesse de la page. en outre, une vitesse de page lente signifie que les moteurs de recherche peuvent explorer moins de pages en utilisant leur budget d'exploration alloué, et cela pourrait affecter négativement votre indexation.

La vitesse de la page est également importante pour l'expérience utilisateur. Les pages avec un temps de chargement plus long ont tendance à avoir des taux de rebond plus élevés et un temps moyen sur la page plus faible. Temps de chargement plus longs ont également été montrés affecter négativement les conversions.

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

Activer la compression

Utilisation GzipComment, une application logicielle pour compression de fichiers, pour réduire la taille de votre CSS, HTML, et les fichiers JavaScript qui sont plus grands que 150 octets.

Ne pas utiliser gzip sur les fichiers image. Au lieu, compressez-les dans un programme comme Photoshop où vous pouvez garder le contrôle sur la qualité de l'image. Voir “Optimiser les images” au dessous de.

Minifier le CSS, JavaScript, et HTML

En optimisant votre code (y compris la suppression des espaces, des virgules, et autres caractères inutiles), vous pouvez augmenter considérablement la vitesse de votre page. Supprimer également les commentaires de code, mise en page, et code inutilisé. Google recommande d'utiliser CSSNano et UglifyJS.

Réduire les redirections

Chaque fois qu'une page redirige vers une autre page, votre visiteur fait face à un temps supplémentaire d'attente pour que le cycle requête-réponse HTTP se termine. Par exemple, si votre modèle de redirection mobile ressemble à ceci: “exemple.com -> www.exemple.com -> m.exemple.com -> m.example.com/home,” chacune de ces deux redirections supplémentaires ralentit le chargement de votre page.

Supprimer le JavaScript bloquant le rendu

Les navigateurs doivent créer une arborescence DOM en analysant le code HTML avant de pouvoir afficher une page. Si votre navigateur rencontre un script au cours de ce processus, il doit s'arrêter et l'exécuter avant de pouvoir continuer.

Google suggère d'éviter et de minimiser l'utilisation du blocage de JavaScript.

Tirez parti de la mise en cache du navigateur

Les navigateurs cachent beaucoup d'informations (feuilles de style, images, Fichiers JavaScript, et plus) afin que lorsqu'un visiteur revient sur votre site, le navigateur n'a pas besoin de recharger toute la page. Utilisez un outil comme YSent pour voir si vous avez déjà défini une date d'expiration pour votre cache. ensuite Définissez votre “expire” entête pendant combien de temps vous voulez que ces informations soient mises en cache. Dans de nombreux cas, sauf si la conception de votre site change fréquemment, un an est un délai raisonnable. Google a plus d'informations sur l'utilisation de la mise en cache ici.

Améliorer le temps de réponse du serveur

Le temps de réponse de votre serveur est affecté par la quantité de trafic que vous recevez, les ressources utilisées par chaque page, le logiciel utilisé par votre serveur, et la solution d'hébergement que vous utilisez. Pour améliorer le temps de réponse de votre serveur, rechercher les goulots d'étranglement des performances comme les requêtes lentes de la base de données, routage lent, ou un manque de mémoire adéquate et corrigez-les. Le temps de réponse optimal du serveur est inférieur à 200 ms. En savoir plus sur optimiser votre temps au premier octet.

Utiliser un réseau de distribution de contenu

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

Optimiser les images

Assurez-vous que vos images ne sont pas plus grandes que nécessaire, qu'ils sont dans le bon format de fichier (Les PNG sont généralement meilleurs pour les graphiques avec moins de 16 couleurs tandis que les JPEG sont généralement meilleurs pour les photographies) et qu'ils sont compressés pour le web.

Utilisez des sprites CSS pour créer un modèle pour les images que vous utilisez fréquemment sur votre site, comme les boutons et les icônes. Les sprites CSS combinent vos images en une seule grande image qui se charge en une seule fois (ce qui signifie moins de requêtes HTTP) puis affichez uniquement les sections que vous souhaitez afficher. Cela signifie que vous économisez du temps de chargement en ne faisant pas attendre les utilisateurs que plusieurs images se chargent.