Performance et optimisation du site

La vitesse du site, les temps de chargement et les scores de performance contribuent au référencement (SEO) de plusieurs façons. Même si ces facteurs ne représentent qu'une petite part de ce que prennent en compte les moteurs de recherche, leur effet sur les visiteurs peut être bien plus important. Un site rapide réduit généralement le taux de rebond et augmente l'engagement, deux éléments clés du SEO. Ainsi, même si un moteur de recherche comme Google ne classe pas forcément les sites selon ces optimisations, la meilleure interaction des visiteurs qu'elles favorisent peut influencer positivement le classement.

Tester l'optimisation

Tester l'optimisation n'est pas toujours simple. La plupart des outils de test utilisent un environnement simulé. Ils donnent une idée de l'expérience possible des visiteurs, mais ne fournissent pas de données réelles. Retenez que leurs résultats sont des approximations, qui ne reflètent pas toujours fidèlement l'expérience réelle des utilisateurs. Leurs scores ne prédisent donc pas avec précision l'impact sur le SEO.

Pour une évaluation plus juste, complétez les tests simulés par un suivi des performances réelles à l'aide d'outils comme Google Search Console.

Les outils de test en environnement simulé les plus précis sont Lighthouse et PageSpeed Insights de Google. Tous deux s'appuient sur la technologie Lighthouse pour fournir des analyses de performance détaillées.

Remarque : L'outil WebPage Test de Google n'est plus recommandé par le secteur.

PageSpeed Insights et Lighthouse de Google

Même si ce n'est pas notre priorité (nous privilégions la performance réelle), nos sites peuvent obtenir de bons scores sur PageSpeed Insights et Lighthouse de Google si les bonnes pratiques sont respectées (voir « Bonnes pratiques Core Web Vitals : performance et optimisation du site »). Cela s'explique en partie par le fait que ces outils mesurent certaines des mêmes données que les Core Web Vitals de Google.

Ces outils analysent de nombreux détails techniques de construction des pages et vérifient le respect des bonnes pratiques qui permettent un chargement rapide. L'aspect le plus important qu'ils évaluent est la structure du code du site. Google veille à ce que le code soit organisé de manière à permettre au navigateur de charger le contenu le plus vite possible.

Pour connaître les causes possibles de faibles scores et leurs solutions, consultez la FAQ de cet article, « Comment améliorer mon score PageSpeed Insights ou Lighthouse de Google ? ».

Comment l'optimisation est suivie

S'il n'existe pas d'outil de test en conditions réelles, comment suivre l'optimisation ? C'est là qu'interviennent les Core Web Vitals de Google. Dès qu'un site atteint environ 2 000 visiteurs uniques sur un mois, un ensemble d'indicateurs est suivi pour évaluer sa performance.

Comme ils reposent sur des données réelles, les Core Web Vitals constituent la méthode la plus précise pour suivre l'optimisation. Cette approche s'appuie sur l'expérience réelle des utilisateurs, ce qui en fait un indicateur fiable de la performance du site.

Website Builder se concentre sur ces indicateurs non pas seulement pour obtenir un bon score, mais parce qu'ils reflètent au mieux l'expérience vécue par les visiteurs.

Pour en savoir plus sur les Core Web Vitals de Google, consultez « Core Web Vitals ».

Optimisation intégrée

Dès le départ, les sites Website Builder sont conçus pour l'optimisation, en misant sur les interactions réelles et, in fine, sur les Core Web Vitals de Google.

Les sites Website Builder peuvent obtenir de bons scores avec les outils de test en environnement simulé, mais ces simulations ne sont pas au cœur de nos efforts d'optimisation. Ces outils fournissent des informations utiles, mais ne reflètent pas toujours fidèlement l'optimisation intégrée.

Les optimisations fournies d'emblée constituent les fondations des sites Website Builder. Nous offrons une base solide, mais la façon dont un site est conçu et construit peut fortement influencer son optimisation. Par exemple, placer une vidéo en haut d'une page ou ajouter des scripts dans le head HTML peut affecter la performance.

L'optimisation est un travail continu. Nous restons à jour et déployons des évolutions pour garantir des améliorations permanentes.

Pour aller plus loin :

• Pour des informations plus détaillées sur l'optimisation intégrée, consultez « Optimisation intégrée du site ».
• Pour des conseils sur le maintien d'une performance optimale, consultez « Bonnes pratiques Core Web Vitals : performance et optimisation du site ».
• Pour en savoir plus sur les Core Web Vitals de Google, consultez « Core Web Vitals ».

Ce qui ne peut pas être modifié

Bien que Website Builder vise des sites aussi optimisés que possible, certains éléments ne peuvent pas être modifiés en raison de la nature des éditeurs par glisser-déposer.

Ces éléments ne devraient avoir qu'un impact minime sur la performance du site.

Les éléments non modifiables sont les suivants :

• Leverage browser caching
• Minify HTML / CSS / JS
• Optimize CSS delivery

FAQ et dépannage

Mon site est lent à charger. Comment y remédier ?

Website Builder met tout en œuvre pour que les sites soient performants, mais gardez à l'esprit les conséquences de l'ajout de scripts et de code personnalisé : ils peuvent ralentir votre page.

Il existe des moyens d'éviter que les scripts ne pèsent sur la performance. Nous vous conseillons de bien connaître les scripts que vous ajoutez afin d'optimiser votre site. Google propose des ressources utiles, comme web.dev.

D'autres facteurs peuvent aussi entrer en jeu. Pour des conseils d'optimisation, consultez « Bonnes pratiques Core Web Vitals : performance et optimisation du site ».

Comment améliorer mon score PageSpeed Insights ou Lighthouse de Google ?

Nous aimerions que chaque site obtienne toujours un excellent score, mais nous ne pouvons pas le garantir. Nos clients peuvent en effet ajouter leur propre code, leur contenu et leur design : nous n'avons donc pas un contrôle total sur ce qui est ajouté. C'est pourquoi, dans certains cas, un site Website Builder n'atteindra pas un score proche de 100.

Voici une liste d'erreurs et de problèmes que Google PageSpeed nous signale, accompagnés de solutions pour les corriger.

Remarque : Certains problèmes signalés par Google ne peuvent pas être corrigés :

• Leverage browser caching
• Minify HTML / CSS / JS
• Optimize CSS delivery

JavaScript et CSS bloquant le rendu du contenu visible sans défilement (above the fold)

Cela peut se produire si vous placez un élément de carte en haut de votre site, du code ou un script personnalisé dans l'en-tête, ou une iframe personnalisée au-dessus de la ligne de flottaison d'un site Website Builder.

Solution :

• Déplacez l'élément de carte en bas de la page.
• Placez le code dans l'éditeur Body End HTML (Plus, puis Paramètres, puis Head HTML) au lieu de la section head.
• Assurez-vous que le script se charge de façon asynchrone (voir l'astuce ci-dessous).

Astuce : Pour activer le chargement asynchrone d'un script, modifiez-le ainsi :

• Ancien code : <script src="https://example.com/script.js"></script>
• Nouveau code asynchrone : <script src="https://example.com/script.js" async defer></script>

Notez que nous pouvons vous faire des suggestions, mais nous ne pouvons pas vous aider avec le code personnalisé.

• Déplacez l'iframe intégrée plus bas dans la page ou supprimez-la complètement.

Images non optimisées

Une image peut ne pas être optimisée en raison de sa taille ou de son format, ce qui peut nuire à la vitesse de la page.

Solution :

• L'optimisation d'images de Website Builder ne fonctionne que sur les images JPG et PNG. Si vous importez un fichier TIFF, GIF ou un autre format, Website Builder ne pourra peut-être pas l'optimiser. Dans ce cas, nous vous conseillons de passer l'image dans un outil d'optimisation d'images. Vous en trouverez facilement en recherchant « image compression tool ».
• Redimensionnez les images trop grandes en les téléchargeant, en les redimensionnant dans un logiciel de retouche, puis en les réimportant.

Attention : Website Builder optimise les images pour les compresser à une taille réduite, mais il ne redimensionne pas réellement votre image dans la version ordinateur de votre site. Vous devrez alors la redimensionner dans un logiciel de retouche, puis la réimporter.

Site tiers n'utilisant pas la mise en cache du navigateur

Lorsque vous ajoutez du code personnalisé à votre site, celui-ci se charge souvent depuis un site tiers. Si ce site n'active pas la mise en cache, Google le détectera et recommandera de l'activer.

Solution : Contactez le service tiers pour lui demander d'appliquer ce changement sur son serveur.

Page trop lourde

Si une page contient beaucoup de contenu, elle peut se charger lentement, même après le passage de notre outil d'optimisation.

Solution : Utilisez moins d'images ou répartissez votre contenu sur plusieurs pages.

Pourquoi le contenu que j'ai masqué apparaît-il dans les audits ?

Website Builder fait évoluer les sites vers une technologie de design entièrement responsive, qui utilise les CSS media queries pour adapter la mise en page, masquer du contenu ou afficher différents éléments selon la taille de l'écran. C'est la méthode standard sur le web pour masquer du contenu sur les petits ou grands écrans.

Lorsque vous masquez un widget, une section ou tout autre contenu pour un appareil précis, le masquage s'effectue via des CSS Media Queries. Autrement dit, le code HTML (bien que masqué à l'écran) existe toujours dans la page.

Cela peut parfois poser problème : un outil d'audit qui analyse le site détectera ce contenu masqué.

Pourquoi le contenu masqué ne pose pas problème aux moteurs de recherche

Google (et les autres grands moteurs de recherche) sait reconnaître le contenu masqué et ne pas l'indexer. Google utilise un index « mobile-first » : il explore le site avec un appareil mobile. Assurez-vous donc que la disposition mobile contient tout le contenu que vous souhaitez voir indexé et découvert par Google.

Quand le contenu masqué pose problème

Le recours à une technique trompeuse pour masquer du contenu peut nuire au SEO. Il s'agit par exemple de répéter des mots-clés dans le seul but d'améliorer le classement, puis de les masquer en réglant la taille de police sur 0 ou en camouflant le texte (même couleur que l'arrière-plan) pour qu'il soit invisible pour le visiteur. Les algorithmes des moteurs de recherche sont capables de repérer ces pratiques et peuvent pénaliser les sites qui les utilisent.

Il s'agit d'un acte délibéré commis par une personne. La technologie de Website Builder ne le fait pas et n'en est pas capable.