Nous commençons l'année sur un thème qui était important dans le passé et qui se révélera vital à l'avenir. Il s’agit d’optimiser la vitesse d’un site Web. Les performances de votre site et le temps de chargement ont un impact énorme sur les ventes.
Nous attirons votre attention sur le fait que depuis novembre 2018, le processus d'amélioration du site a changé. Jusqu'à présent, les optimisations de vitesse étaient principalement un processus général, la plupart des sites Web ayant des problèmes similaires qui empêchent le site de l'utiliser à pleine capacité, par exemple, la génération d'images, un serveur faible, etc. Avec les nouvelles exigences de Google concernant la vitesse, votre site peut perdre sa place dans les résultats de recherche. Jusqu'à présent, les exigences étaient au niveau de l'école générale en matière d'optimisation, mais maintenant elles ont augmenté au niveau du lycée.
Comme vous le savez probablement, Google vous a fourni une variété d'outils pour vous aider à comprendre les performances d'un site. À première vue, cela semblait être une bonne idée, mais récemment, on s'est rendu compte qu'avoir une grande variété d'outils, tous avec des propositions distinctes, cela ne faisait que semer la confusion parmi les utilisateurs.
Google a décidé de dissiper les malentendus et en novembre 2018, Google Page Speed Insight a reçu une mise à jour majeure. Jusqu'à présent, l'outil PageSpeed Insight analysait les performances d'une page sur les ordinateurs de bureau et les appareils mobiles et fournissait des recommandations sur la manière d'améliorer votre page.
L'instrument Lighthouse a été un outil open-source qui a fourni des conseils personnalisés sur l'amélioration de votre site en termes de performances, d'accessibilité et d'autres pratiques. Depuis novembre, PageSpeed Insights utilise Lighthouse comme moteur d'analyse. Avec cette mise à jour, Google a réduit la confusion et apporte également de nombreuses nouvelles recommandations sur la façon d'améliorer la vitesse d'un site. Cela signifie que Google n'évalue plus votre site en fonction de ce que vous pouvez faire pour améliorer votre site, mais il l'évaluera également en fonction de ses performances.
Quel type d'informations PageSpeed Insight fournit-il à partir de maintenant?
Données de laboratoire.
PageSpeed Insight utilisant Lighthouse simule la façon dont un appareil mobile charge la page. Après avoir terminé, il résume les valeurs de performance et vous donne un score de performance de 0 à 100. Les scores sont classés en trois niveaux, un score de 90 ou plus est considéré comme rapide, et 50 à 90 est considéré comme moyen, moins de 50 est considéré comme sois lent.
Données de terrain.
Les données sont basées sur une version du rapport d'expérience utilisateur Chrome qui est mise à jour quotidiennement. Les valeurs ici peuvent être différentes de celles de la section des données de laboratoire, car elles capturent un large éventail de conditions et d'appareils dans le réseau réel utilisé par les utilisateurs de Chrome.
Opportunités.
Voici les suggestions proposées par PageSpeed Insight sur la manière d'améliorer les performances d'une page et la rapidité de chargement de la page.
Diagnostics.
Fournit des informations supplémentaires sur la manière dont une page se conforme aux meilleures pratiques de développement de site.
Audits réussis.
Indiquez les audits qui ont été passés par la page.Testez votre site avec PageSpeed Insights et découvrez comment Google vous voit. Le résultat du test ne se référera pas seulement aux performances du site mais aussi à sa qualité.
Voici quelques recommandations de Pagespeed Insights qui peuvent être résolues en implémentant nos modules.
Module de générateur d'images Google WebP
Après avoir exécuté un test de votre site et apparaît la prochaine recommandation, votre site aura besoin du module générateur d'images WebP.
Installation du module «Google WebP Image Generator» grâce auquel vous pouvez régénérer les images sur le site Web dans un format recommandé par Google (ce format est appelé WebP). L'utilisation de ce module pour générer des images réduira également leur taille jusqu'à 30% tout en conservant la même qualité.
Une fois que vous commencez à générer des images avec le générateur d'images WebP pour PrestaShop, vous verrez des améliorations importantes dans la vitesse de votre site et vos images conserveront la qualité d'origine.
Le module offre une compression supérieure sans perte concernant les images de votre site, et il est recommandé d'accélérer votre boutique en ligne. C'est beaucoup plus efficace que de générer vos images avec le générateur d'images standard de PrestaShop, cela ne comporte aucune erreur et vous pouvez voir la progression de l'ensemble du processus.
Générer des images avec ce module libérera de l'espace sur le serveur, et le chargement de vos pages sur le site deviendra plus rapide. Google appréciera les images générées par ce module et vous pourrez obtenir un meilleur classement dans les moteurs de recherche Google.
Module d'application Web progressive
Si cette mention apparaît, vous aurez certainement besoin du module Progressive Web App.
Le module est une solution pour charger les pages Web plus rapidement. Il permet à votre site d'être accessible même si un utilisateur a une connexion Internet lente ou même lorsqu'il n'y a pas de connexion Internet. Les PWA associent la flexibilité du Web à l'expérience utilisateur d'une application native. Comme vous pouvez le voir, ce module est recommandé même par Google et c'est un facteur important en ce qui concerne les classements de recherche Google.
Une fois ce module implémenté, les performances seront généralement meilleures et les utilisateurs pourront également créer une icône et un raccourci pour le site sur leurs appareils mobiles, leur permettant ainsi d'accéder plus rapidement à vos produits.
Module Web Push HTTP 2
Après les nouvelles recommandations, le module push Web HTTP2 ne peut pas être oublié de votre site.
La mise en œuvre du module push web HTTP2 permettra à la connexion entre le site et le serveur d'être ouverte en permanence. Ceci est très important en ce qui concerne la vitesse de la page. De plus, la possibilité de «serveur push» apparaîtra, ce qui signifie que le serveur reconnaît que le HTML a besoin de plus d'informations et les enverra automatiquement.
Module CSS critique
Nous vous recommandons d'implémenter ce module car il réduira le temps jusqu'à la «première peinture de contenu» qui est actuellement de 6,6 secondes. Sans ce module, lorsqu'un utilisateur interagit avec votre site Web, toutes les règles CSS sont «scannées» et chargées, même celles qui ne sont pas utilisées sur le site ou qui ne sont pas utilisées sur cette page spécifique. Ce module triera les règles CSS et exécutera celles qui sont nécessaires, réduisant ainsi le temps de chargement.
Module de chargement différé
LazyLoad est un script flexible qui accélère le site en chargeant les images telles qu'elles sont entrées dans le champ visuel.
Module de jeu d'images SRC
Nous vous recommandons d'utiliser l'ensemble Image SRC pour garantir que les images sont optimisées sur tous les appareils, y compris les mobiles. Plus précisément, les images chargées lors de l'accès au site Web à partir d'un appareil mobile sont distinctes et plus petites que celles qui sont chargées sur le bureau et sont généralement plus grandes. (Veuillez vous assurer que vous disposez d'un espace suffisant sur le serveur car plusieurs versions des images seront générées pour plusieurs résolutions.)
La vitesse reste l'un des aspects les plus importants.
Comme mentionné ci-dessus, la vitesse d'un site restera une étape importante dans le classement de la recherche Google. L'optimisation de la vitesse est non seulement importante pour le classement de Google, mais elle améliorera également l'expérience utilisateur et les taux de conversion de votre boutique en ligne.
L'optimisation des performances doit toujours être une priorité, surtout lorsqu'il y a tellement de concurrence en ligne. L'optimisation vous offre de nombreux avantages commerciaux mesurables tout en améliorant l'efficacité du site. Cela augmentera le nombre de visiteurs qui pourront ensuite être transformés en abonnés aux newsletters, aux lecteurs et, bien sûr, aux clients payants.
Si vous souhaitez avoir une boutique en ligne qui fonctionne à pleine capacité, il est essentiel d’optimiser les pages. De plus, vous et vos clients serez très satisfaits des avantages.
Pensez à la course: chaque année, chaque concurrent améliore sa voiture pour rivaliser avec de plus grandes chances de remporter le trophée. C’est exactement ce qui se passe dans le commerce électronique. Vous devez toujours essayer d'atteindre la première place. N'attendez pas que tous les concurrents vous dépassent. Testez votre site et n'ayez pas peur de demander des conseils et une aide spécialisée.
Lorsqu'il s'agit d'optimiser la vitesse des pages, il ne suffit pas d'améliorer les choses générales telles que la régénération d'image ou le changement de serveur. L'optimisation de la vitesse est devenue plus complexe. Il y a beaucoup de choses qui doivent être faites par des programmeurs expérimentés dans ce domaine. Si vous souhaitez optimiser la vitesse de votre site, l'une des choses les plus importantes à faire est de choisir la bonne équipe pour le processus.
Comme mentionné précédemment, l'optimisation de la vitesse n'est plus un processus général, chaque site doit être analysé séparément et les recommandations doivent être personnalisées pour chaque site Web.
En plus des nouvelles exigences mentionnées par PageSpeed Insight comme la miniaturisation de HTML, CSS et Javascript supprimant les CSS inutilisés, etc., la régénération de l'image doit être effectuée à l'aide des dernières technologies. En ce qui concerne la régénération d'image, la recommandation de Google est de générer des images au format WebP. À l'heure actuelle, nous sommes la seule entreprise au monde à avoir créé un module pour la plateforme PrestaShop capable de générer des images de produits au format WebP.
Nous sommes l'une des meilleures équipes pour mener une optimisation du site. Testez le site avec l'outil Informations sur la vitesse de la page de Google et si vous souhaitez améliorer votre vitesse. Notre expérience en optimisation nous permet de réduire la vitesse de chargement d'une boutique PrestaShop en dessous de 3 secondes. Par rapport à d'autres entreprises, nous n'offrons pas seulement un audit du site mais nous interviendrons techniquement pour résoudre ces problèmes.