Google PageSpeed

Évitez les redirections de pages d'atterrissage. Cela signifie que vous ne devez pas rediriger les utilisateurs vers une autre page de votre site web lorsqu'ils le chargent. Par exemple, vous ne devez pas rediriger tous les visiteurs vers une deuxième version de votre page d'accueil.

Éliminez le JavaScript et le CSS qui bloquent le rendu dans le contenu au-dessus du pli. C'est de loin le contrôle le plus important effectué par Google. Il examine le code de votre site web et s'assure que vous donnez la priorité au contenu par rapport à d'autres codes. Souvent, les développeurs de sites web placent des scripts lourds &amp ; des fichiers CSS en haut d'un fichier HTML. Cela oblige le navigateur à traiter/charger ces ressources en premier, au lieu de charger le contenu en premier. Cette vérification permet de s'assurer que vous donnez la priorité au contenu au-dessus du pli. (Remarque : le terme "au-dessus du pli" désigne le premier contenu que l'utilisateur voit lors du chargement d'une page web. Il s'agit généralement de l'en-tête, de la navigation et du contenu le plus élevé du corps de la page).

Activer la compression. Il vérifie que le serveur web compresse (réduit la taille) les données brutes (HTML, CSS et Javascript) avant de les transmettre sur l'internet à votre navigateur. Cela permet de réduire considérablement la taille totale de votre site web.

Tirez parti de la mise en cache du navigateur. La vérification de la mise en cache permet de s'assurer que vous indiquez au navigateur d'enregistrer ce contenu localement, au lieu de le télécharger à nouveau la prochaine fois que vous aurez besoin d'y accéder. Vous gagnez ainsi un temps précieux qui est souvent consacré à la connexion et au téléchargement du contenu lors des rechargements de pages.

Minifiez le CSS. Minifier CSS signifie que vous rendez le fichier CSS aussi petit que possible en supprimant les espaces supplémentaires, les retours à la ligne et d'autres formats. Pensez-y comme si vous comprimiez le fichier pour en réduire la taille totale.

Minifiez JavaScript. À l'instar de la minification des feuilles de style CSS, la minification des fichiers JS permet de réduire considérablement la taille des fichiers individuels qui sont téléchargés par le navigateur.

Minifiez le HTML. Similaire aux deux précédents, mais supprime les espaces supplémentaires du code HTML principal du site web.

Optimisez les images. Il s'agit de la deuxième vérification la plus importante effectuée par Google, qui s'assure que les images que vous envoyez au navigateur sont optimisées, compressées et pas trop volumineuses. Les images représentent environ 65 à 70 % de la taille et du poids total d'un site web. L'optimisation des images signifie que vous comprimez les images et les rendez aussi petites que possible avant que le navigateur ne les télécharge. Il y a deux choses importantes à faire ici : (1) Assurez-vous que les images sont compressées. Pour ce faire, il faut les passer par le logiciel de compression tool afin de les rendre plus petites, sans pour autant réduire la qualité des images. (2) Redimensionnement des images. Vous n'avez pas besoin de fournir une image très grande (5000 pixels, par exemple) à un navigateur mobile, vous devriez donc redimensionner l'image.

Donnez la priorité au contenu visible. Cela permet de s'assurer que vous placez le contenu en haut de la page HTML du site. Essayez de ne pas charger de contenu supplémentaire qui ne soit pas pertinent pour le premier chargement du site web.

Réduire le temps de réponse du serveur. Ce contrôle permet de s'assurer que votre serveur répond très rapidement aux visiteurs de votre site web. Google exige que l'utilisateur n'attende pas plus de 200 ms (1/5e de seconde) pour que le contenu/HTML soit renvoyé par le serveur.

Première peinture de contenu. Il s'agit d'une mesure qui provient d'un navigateur réel qui charge un site web. Lorsque vous effectuez un test Lighthouse, un véritable navigateur se rend sur votre site web, le charge et en surveille les performances. L'indicateur First Contentful Paint indique le temps nécessaire à l'affichage de tout type de contenu après le début du chargement d'une page. Il peut s'agir d'une image, d'une couleur d'arrière-plan, etc., et le temps nécessaire à la première peinture Contentful est mesuré en secondes. La raison pour laquelle cette mesure est précieuse est que c'est la première fois qu'un utilisateur sait que quelque chose va se charger sur le site web - c'est la première indication que le site web est en train de se charger.

Indice de vitesse. Il s'agit d'une mesure issue d'un ancien site Web tool appelé WebPageTest. Il existe depuis 2012 et est assez efficace pour déterminer la vitesse de chargement du contenu d'un site web. Il prend des captures d'écran d'un site web toutes les 0,5 secondes pendant son chargement. À partir de ces captures d'écran, il calcule le pourcentage de contenu chargé sur la page web par incréments de 0,5 seconde et attribue une note de vitesse globale. Plus le chiffre est bas, plus le site web semble se charger rapidement pour l'utilisateur. L'objectif de ce test est de comprendre la rapidité avec laquelle l'utilisateur voit le contenu et de déterminer si quelque chose empêche le site web d'afficher le contenu aussi rapidement que possible.

Le temps de l'interactivité. Un autre indicateur important est la rapidité avec laquelle l'utilisateur peut interagir avec la page. Par exemple, l'utilisateur peut vouloir cliquer sur un bouton ou faire défiler la page. Cela est particulièrement important sur les téléphones portables, où l'utilisateur touche directement l'écran pour interagir avec la page. L'objectif des développeurs web devrait toujours être de s'assurer qu'une page est interactive chaque fois qu'elle contient un contenu. Il s'agit d'un défi très difficile à relever en raison de la manière dont les navigateurs fonctionnent.

Première mise en veille de l'unité centrale. Cette mesure est étroitement liée au temps d'interactivité, car il s'agit d'un indicateur de la rapidité avec laquelle tous les contenus/ressources initiaux du site web sont chargés et l'unité centrale de l'appareil entre dans un état d'inactivité (sans rien faire). La raison pour laquelle ce problème est signalé est que les développeurs devraient se concentrer sur le chargement du minimum de contenu en premier. En envoyant une petite quantité, l'unité centrale de l'appareil traitera tout le code et passera plus rapidement à un état d'inactivité.

Estimation de la latence d'entrée. Le dernier indicateur de Lighthouse n'a rien à voir avec les performances de premier chargement de votre site web. Il tente plutôt de donner à tu un nombre (en millisecondes) dans lequel ton site web réagit aux taps/clics. L'idée est que plus votre site web répond rapidement, plus les utilisateurs le considèrent comme rapide et sont moins susceptibles de quitter le site.

Évitez les redirections de pages d'atterrissage. Pour la plupart des sites web de IONOS, nous réussissons cette vérification à 100 %. Ceci n'est pas entièrement sous le contrôle de IONOS, car nous permettons aux utilisateurs de rediriger vers d'autres pages via notre redirection d'URL. La recommandation ici est de s'assurer que vous n'envoyez pas de liens à vos clients, partenaires, etc. qui ne soient pas une page réelle de votre site web.

Éliminez le JavaScript et le CSS qui bloquent le rendu dans le contenu au-dessus du pli. Dans le cadre de la publication de sites web, IONOS optimise la structure des sites web pour se conformer à cette recommandation. Pour ce faire, nous procédons de la manière suivante (1) en calculant ce que nous appelons le CSS "critique". Cela signifie que nous examinons le site web et que nous déterminons les styles CSS nécessaires à son affichage. Nous plaçons ensuite ce contenu en ligne dans le site web afin qu'il se charge en premier. (2) Nous déplaçons ensuite tous les scripts vers le bas du site web, afin que le contenu soit chargé en premier.

Activer la compression. IONOS active la compression gzip pour les connexions à notre site web. Cela garantit que le fichier est compressé, transféré sur l'internet, puis décompressé par le navigateur.

Tirez parti de la mise en cache du navigateur. IONOS met en place des en-têtes de cache sur tous les fichiers que nous chargeons. Cela garantit que les navigateurs qui téléchargent ces fichiers (CSS, JS, images) savent comment store temporairement le fichier dans le cache du navigateur, de sorte que la prochaine fois que le navigateur a besoin d'accéder à ce fichier, il est stores sur la machine localement, au lieu de devoir le retélécharger à partir du site web.

Minifiez les CSS, JS et HTML. Dans le cadre du processus de publication d'IONOS, nous minifions la grande majorité des ressources CSS. Cela permet de les réduire au maximum une fois téléchargés. Il est important de noter que les ressources externes, bien qu'elles soient généralement acheminées par notre CDN, peuvent ne pas faire l'objet d'une minification.

Optimisez les images. Chaque image jpg ou png que vous téléchargez sur IONOS est soumise à un processus de compression d'image &amp ; resize afin d'obtenir le meilleur traitement d'image possible. Nous exécutons les processus suivants :

Donnez la priorité au contenu visible. Dans le cadre de la construction de chaque site web par IONOS, nous structurons le site pour qu'il réponde à cette recommandation par défaut. Cela signifie que le contenu de l'en-tête est placé en premier, suivi du contenu du corps de la page.

Réduire le temps de réponse du serveur. Ce contrôle vise principalement à s'assurer que votre site web n'est pas trop lent, plutôt que suffisamment rapide. Comme IONOS héberge tous les sites web sur notre plateforme, nous pouvons nous assurer que tous les sites web que nous hébergeons répondent rapidement. Nous utilisons les services Web d'Amazon, qui sont à la pointe de l'industrie et qui nous aident à maintenir ces normes.

Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison :

Optimisez les images : Aujourd'hui, l'optimisation des images de IONOS ne fonctionne que sur les images JPG &amp ; PNG. Si vous téléchargez une image au format TIFF, GIF ou autre, il se peut que IONOS ne soit pas en mesure de l'optimiser, ce qui pourrait être à l'origine de cet avertissement. Nous vous recommandons de faire passer l'image par un service d'optimisation d'image, tel que EzGif, Compressor.io ou TinyPNG. Google vérifie également que vous n'avez pas de grandes images qui sont redimensionnées pour de petites surfaces. IONOS tente d'y remédier en plaçant les images de petite taille dans des colonnes de taille inférieure, mais ce processus n'est pas parfait. Il peut arriver que vous deviez télécharger une image, la redimensionner exactement en fonction de la taille de la colonne que vous souhaitez utiliser, puis la télécharger à nouveau. Il s'agit d'un cas assez rare.

Redimensionner les images : Bien que IONOS optimise les images pour s'assurer qu'elles sont compressées à une taille plus petite, IONOS ne redimensionne pas réellement l'image pour tu dans la version desktop de ton site. Par exemple, si vous utilisez une image de 3000 x 3000 pixels sur une page et que vous la redimensionnez à l'aide de la fonction "drag-to-resize" de l'éditeur à seulement 300 px, cela signifie toujours que l'image de 3000 x 3000 px est chargée dans son intégralité. Cela peut avoir un effet négatif sur votre score de vitesse des pages. Vous pouvez y remédier en redimensionnant l'image à l'aide de l'éditeur d'images intégré ou en la redimensionnant à l'aide d'un logiciel de retouche photo et en la téléchargeant à nouveau.

Exploiter la mise en cache du navigateur : si vous incluez un code personnalisé dans votre site web, il se chargera souvent à partir d'un site web tiers. Si ce site n'active pas la mise en cache, Google s'en apercevra et vous recommandera d'activer la mise en cache du navigateur. Vous devez contacter ce service tiers pour qu'il mette en œuvre ce changement sur son serveur.

Votre page est peut-être trop volumineuse : Si vous avez beaucoup de contenu sur une page, la page peut être trop grande même après que nous ayons exécuté l'optimisation tool sur votre site. Envisagez d'utiliser moins d'images ou de diviser votre contenu en le déplaçant sur d'autres pages.

Problèmes actuels non corrigibles : Il s'agit de problèmes de vitesse des pages signalés par Google qui ne peuvent pas être corrigés par tu et qui doivent être traités comme des demandes de fonctionnalités pour IONOS :