Comment atteindre 100% de vitesse sur Google PageSpeed et optimiser la vitesse de mon site web

Vitesse de la page et de votre site wordpress.
La vitesse de la page est une mesure de la rapidité avec laquelle le contenu de votre page se charge.
Quelle est la vitesse de la page?
La vitesse de page est souvent confondue avec «vitesse du site», qui est en fait la vitesse de page pour un échantillon de pages vues sur un site. La vitesse de la page peut être décrite en “temps de chargement de la page” (le temps nécessaire pour afficher le contenu d’une page spécifique) ou en “temps jusqu’au premier octet” (le temps nécessaire au navigateur pour recevoir le premier octet d’informations le serveur web).
Vous pouvez évaluer la vitesse de votre page avec Google PageSpeed ​​Insights. PageSpeed ​​Insights Speed ​​Score incorpore les données de CrUX (rapport d’expérience utilisateur Chrome) et fournit des rapports sur deux métriques rapides de vitesse: Premier produit contenu (FCP) et DOMContentLoaded (DCL).
Meilleures pratiques de référencement
Google a indiqué que la vitesse du site (et par conséquent, la vitesse de la page) est l’un des signaux utilisés par son algorithme pour classer les pages. Et des recherches ont montré que Google mesurait peut-être spécifiquement le temps jusqu’au premier octet comme s’il considérait la vitesse de la page. En outre, la lenteur de la vitesse des pages signifie que les moteurs de recherche peuvent analyser moins de pages à l’aide de leur budget d’analyse alloué, ce qui 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 plus court sur la page. Des temps de chargement plus longs ont également eu des effets négatifs sur les conversions.
Voici quelques-unes des nombreuses façons d’accroître la vitesse de votre page:
Activer la compression
Utilisez Gzip, un logiciel de compression de fichiers, pour réduire la taille de vos fichiers CSS, HTML et JavaScript de plus de 150 octets.
N’utilisez pas gzip sur des fichiers image. Au lieu de cela, compressez-les dans un programme comme Photoshop où vous pouvez garder le contrôle de la qualité de l’image. Voir “Optimiser les images” ci-dessous.
Minify CSS, JavaScript et HTML
En optimisant votre code (notamment en supprimant les espaces, les virgules et autres caractères inutiles), vous pouvez augmenter considérablement la vitesse de votre page. Supprimez également les commentaires de code, le formatage et le 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 est confronté à un délai supplémentaire en attendant la fin du cycle de requête-réponse HTTP. Par exemple, si votre modèle de redirection mobile ressemble à ceci: “example.com -> www.example.com -> m.example.com -> m.example.com/home”, chacune de ces deux redirections supplémentaires rend votre page charger plus lentement.
Supprimer le JavaScript bloquant le rendu
Les navigateurs doivent créer une arborescence DOM en analysant HTML avant de pouvoir restituer 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.
Tirer parti de la mise en cache du navigateur
Les navigateurs cachent de nombreuses informations (feuilles de style, images, fichiers JavaScript, etc.) de sorte que, lorsqu’un visiteur revient sur votre site, le navigateur ne doit pas recharger toute la page. Utilisez un outil tel que YSlow pour voir si une date d’expiration est déjà définie pour votre cache. Définissez ensuite votre en-tête “Expires” pendant combien de temps vous souhaitez que ces informations soient mises en cache. Dans de nombreux cas, à moins que la conception de votre site change fréquemment, une année est une période de temps 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 dépend du volume de trafic que vous recevez, des ressources utilisées par chaque page, 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 liés aux performances, tels que les requêtes de base de données lentes, le routage lent ou le manque de mémoire, et corrigez-les. Le temps de réponse optimal du serveur est inférieur à 200 ms. En savoir plus sur l’optimisation de votre temps au premier octet.
Utiliser un réseau de distribution de contenu
Les réseaux de distribution de contenu (CDN), également appelés réseaux de distribution de contenu, sont des réseaux de serveurs utilisés pour répartir la charge de diffusion de contenu. Essentiellement, les copies de votre site 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.
Optimiser les images
Assurez-vous que vos images ne sont pas plus volumineuses que nécessaire, qu’elles se trouvent dans le bon format de fichier (les fichiers PNG conviennent généralement mieux aux graphiques de moins de 16 couleurs, tandis que les JPEG conviennent généralement mieux aux photos) et qu’ils sont compressés pour le Web. .
Utilisez des sprites CSS pour créer un modèle pour les images fréquemment utilisées sur votre site, telles que des boutons et des 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 demandes HTTP), puis n’affiche que les sections à afficher. Cela signifie que vous gagnez du temps de chargement en évitant que les utilisateurs attendent le chargement de plusieurs images.

more insights