Nous commençons l'année avec un sujet qui comptait déjà et qui deviendra vital : la vitesse de votre site. Les performances et le temps de chargement ont un impact énorme sur vos ventes.
Depuis novembre 2018, la façon d'optimiser un site a changé. Jusqu'ici, l'optimisation de la vitesse était assez générale : la plupart des sites avaient les mêmes problèmes, comme la génération des images ou un serveur trop faible. Avec les nouvelles exigences de Google, votre site peut perdre sa place dans les résultats de recherche. Pour faire simple, le niveau demandé est passé de l'école primaire au lycée.
Google propose de nombreux outils pour comprendre les performances d'un site. L'idée semblait bonne, mais on s'est rendu compte que trop d'outils, chacun avec ses propres recommandations, ne faisaient que semer la confusion.
Pour clarifier les choses, Google a profondément mis à jour PageSpeed Insights en novembre 2018. Jusque-là, l'outil analysait les performances d'une page sur ordinateur et sur mobile, et proposait des pistes d'amélioration.
Lighthouse est un outil open source qui donne des conseils personnalisés pour améliorer un site : performances, accessibilité et bonnes pratiques. Depuis novembre, PageSpeed Insights utilise Lighthouse comme moteur d'analyse. Google a ainsi réduit la confusion, et ajouté de nombreuses recommandations pour accélérer un site. Désormais, Google ne juge plus seulement votre site sur ce que vous pourriez améliorer, mais aussi sur ses performances réelles.
Quelles informations PageSpeed Insights fournit-il désormais ?
- Données de laboratoire
- Données de terrain
- Opportunités
- Diagnostics
- Audits réussis
Testez votre site avec PageSpeed Insights et découvrez comment Google le voit. Le résultat porte non seulement sur les performances du site, mais aussi sur sa qualité.
Voici quelques recommandations de PageSpeed Insights auxquelles nos modules répondent.
Le générateur d'images Google WebP
Si le test affiche la recommandation ci-dessous, votre site a besoin du générateur d'images WebP.
Le module « Google WebP Image Generator » régénère les images de votre site au format recommandé par Google, le WebP. Il réduit leur poids jusqu'à 30 %, à qualité égale.
Dès que vous générez vos images avec ce module, la vitesse de votre site s'améliore nettement, et vos images gardent leur qualité d'origine.
Le module offre une compression sans perte de très bonne qualité, recommandée pour accélérer votre boutique. Il est bien plus efficace que le générateur d'images standard de PrestaShop : pas d'erreurs, et vous suivez la progression de tout le processus.
Les images générées libèrent de l'espace sur le serveur, et vos pages se chargent plus vite. Google les appréciera, et vous pouvez gagner des places dans ses résultats.
Le module Progressive Web App
Si cette mention apparaît, vous aurez besoin du module Progressive Web App.
“Si le test affiche la recommandation ci-dessous, votre site a besoin du générateur d'images WebP.”
Ce module charge les pages plus vite, et garde votre site accessible même avec une connexion lente, voire sans connexion. Une PWA associe la souplesse du web à l'expérience d'une application native. Comme vous le voyez, Google lui-même la recommande, et elle compte pour le classement dans ses résultats.
Une fois le module en place, les performances sont généralement meilleures, et vos clients peuvent ajouter une icône de votre site sur leur mobile pour accéder plus vite à vos produits.
Le module HTTP/2 Web Push
Avec les nouvelles recommandations, le module HTTP/2 Web Push devient indispensable.
Avec ce module, la connexion entre le navigateur et le serveur reste ouverte en permanence, ce qui compte beaucoup pour la vitesse des pages. Il active aussi le « server push » : le serveur comprend que la page a besoin de ressources supplémentaires et les envoie automatiquement.
Le module Critical CSS
Nous vous conseillons ce module, car il réduit le délai avant le premier affichage de contenu (First Contentful Paint), ici de 6,6 secondes. Sans lui, toutes les règles CSS sont lues et chargées, même celles qui ne servent pas sur le site ou sur la page affichée. Le module trie les règles CSS et ne charge que celles qui sont nécessaires, ce qui réduit le temps de chargement.
Le module Lazy Load
LazyLoad est un script souple qui accélère le site en ne chargeant les images qu'au moment où elles entrent dans l'écran.
Le module Image SRCSET
Nous vous conseillons Image SRCSET pour que vos images soient optimisées sur tous les appareils, mobiles compris : sur mobile, le site charge des images différentes et plus petites que sur ordinateur. (Prévoyez assez d'espace sur le serveur, car plusieurs versions de chaque image sont générées pour les différentes résolutions.)
La vitesse reste essentielle
La vitesse d'un site restera un critère important de classement dans Google. Mais elle améliore aussi l'expérience de vos clients et le taux de conversion de votre boutique.
La performance doit toujours être une priorité, surtout face à une concurrence aussi forte. L'optimisation vous apporte des bénéfices concrets et mesurables : plus de visiteurs, que vous pouvez transformer en abonnés, en lecteurs et, bien sûr, en clients.
Pour une boutique qui tourne à plein régime, optimiser vos pages est indispensable, et vous comme vos clients en verrez les bénéfices.
Pensez aux courses automobiles : chaque année, chaque écurie améliore sa voiture pour avoir plus de chances de gagner. C'est la même chose en e-commerce : visez toujours la première place, et n'attendez pas que tous vos concurrents vous dépassent. Testez votre site, et n'hésitez pas à demander conseil à des spécialistes.
Optimiser la vitesse ne se limite plus à régénérer les images ou à changer de serveur. C'est devenu plus complexe, et beaucoup de choses doivent être faites par des développeurs expérimentés. Si vous voulez accélérer votre site, l'essentiel est de choisir la bonne équipe.
Comme nous l'avons dit, l'optimisation de la vitesse n'est plus un travail générique : chaque site doit être analysé à part, avec des recommandations sur mesure.
En plus des nouvelles exigences de PageSpeed Insights, comme la minification du HTML, du CSS et du JavaScript ou la suppression des CSS inutilisés, les images doivent être régénérées avec les technologies les plus récentes. Google recommande le format WebP. À ce jour, nous sommes la seule entreprise au monde à avoir créé un module PrestaShop qui génère les images produits au format WebP.
Nous faisons partie des meilleures équipes pour optimiser un site. Testez votre site avec PageSpeed Insights, l'outil de Google, et contactez-nous si vous voulez gagner en vitesse. Notre expérience nous permet de faire passer le temps de chargement d'une boutique PrestaShop sous les 3 secondes. Et contrairement à d'autres entreprises, nous ne nous contentons pas d'un audit : nous intervenons techniquement pour résoudre les problèmes.
Vous voulez que nous regardions votre boutique ?
Si cet article vous a fait penser à votre propre boutique, posez-nous la question. Vous parlerez aux personnes qui feraient le travail.