L'amélioration des performances de votre site est une partie importante du processus de création, ainsi que de la maintenance en continu. Cet article vous aide à améliorer l'expérience de vos visiteurs, en améliorant des aspects tels que la réactivité, la fluidité et le temps de chargement.
Comprendre le temps de chargement
Le temps de chargement du site mesure la vitesse de chargement complet de votre site après qu'un visiteur demande l'accès, en cliquant sur un lien ou en saisissant l'URL de la page. De nombreux facteurs peuvent affecter le temps de chargement d'une page. Certains sont spécifiques au site, et d'autres sont liés à l'appareil de votre visiteur et à la connexion internet.
Les sites qui ont été optimisés et ajustés se chargent plus rapidement que ceux qui ont beaucoup de contenu.
Optimiser votre site peut assurer un temps de chargement amélioré, ainsi qu'un meilleur score sur les outils de performance comme Google PageSpeed Insights.
Comment Wix mesure le temps de chargement
Wix surveille et collecte des données pour plusieurs métriques. Il s'agit des signaux Web essentiels de Google et de signaux essentiels tels que le FCP, le TTFB et le TTi. Vous pouvez consulter les
métriques de vitesse de votre site à partir de votre tableau de bord.
Wix collecte automatiquement ces données de performance en temps réel sur notre plateforme afin de surveiller et d'améliorer la vitesse de votre site. Nous vous recommandons de suivre les bonnes pratiques ci-dessous pour améliorer le temps de chargement de votre site.
Ordre de chargement des éléments
Lorsque vous créez ou mettez à jour votre site, nous vous recommandons de garder à l'esprit
l'ordre de chargement des éléments, car cela peut affecter les performances de votre site.
Par exemple, les éléments interactifs ou avec beaucoup de contenu (ex. vidéos et applis tierces) ont tendance à se charger plus lentement que les éléments statiques ou plus légers, tels que le texte et les boutons.
Optimiser les éléments de votre site
Optimisez la page d'accueil et les éléments tels que le texte, l'animation et les images pour améliorer les performances du site. Cliquez sur une option ci-dessous pour plus d'informations :
Design de la page d’accueil
Le contenu qui se trouve au-dessus du pli de votre site est chargé avant le reste de votre page. L'ajout d'un contenu significatif, pertinent et léger à cette section de votre page garantit que les visiteurs du site ont des informations utiles à découvrir pendant le chargement du reste de la page.
Nous vous conseillons d'utiliser des éléments statiques tels que du texte, des formes et des boutons sur votre au-dessus du pli. Comme ces éléments se chargent en premier, cela améliorera le temps de chargement et les performances de votre site.
Qu'est-ce que « au-dessus du pli » ?
Il s'agit de la section de votre site que les visiteurs voient en premier, avant de commencer à faire défiler la page vers le bas.
Les images importées sur les sites Wix sont automatiquement redimensionnées à des fins d'optimisation. Nous vous recommandons d'utiliser des imagesAVIF plutôt que des images PNG, sauf si vous avez besoin d'un arrière-plan transparent. Les images AVF sont mieux optimisées pour le temps de chargement et les performances du site.
En savoir plus sur les images et les performances de votre site.
Remarques :
- Dans la mesure du possible, Wix convertit automatiquement les images dans des formats modernes tels que WebP. Ce format réduit la taille du téléchargement tout en conservant la qualité de l'image.
- Il n'est pas possible d'importer des images de plus de 25 Mo sur votre site Wix.
Les vidéos sont un excellent moyen d'encourager l'interaction et l'intérêt des visiteurs. Nous vous recommandons de garder à l'esprit le temps de chargement lorsque vous ajoutez des vidéos, car elles ont généralement des résolutions élevées et prennent plus de temps à se charger que les éléments statiques.
Applis tierces et iFrames
Le contenu affiché dans les applis tierces et les iFrames (ex. vidéos intégrées ou fils d'actualité des réseaux sociaux) est fourni à partir de serveurs externes, plutôt que les serveurs Wix.
Cela signifie que Wix ne peut pas les optimiser et qu'ils peuvent donc ralentir le temps de chargement de votre site.
Nous vous recommandons de les placer sur des pages secondaires, avec un bouton sur la page d'accueil qui dirigera les visiteurs de votre site vers eux.
Nous vous recommandons de ne pas utiliser plus de 3 ou 4 polices sur votre site, car cela peut améliorer l'esthétique de votre site et lui donner un aspect professionnel. Ne pas dépasser ce nombre de styles de police peut également améliorer les performances du site, car cela réduit le temps de chargement.
En outre, nous vous recommandons également d'éviter l'utilisation de polices personnalisées. Les polices système se chargent plus rapidement, ce qui peut améliorer les performances de votre site.
En savoir plus sur les polices et votre siteLes effets spéciaux tels que les animations et les diaporamas peuvent donner vie à votre site.
Cependant, ils ont tendance à se charger plus lentement que les éléments statiques, et nous vous recommandons de les garder sous le pli de votre site lorsque c'est possible.
Remarque: Les GIF animés doivent être téléchargés en entier avant de commencer à être lus. Nous vous recommandons de convertir tous les GIF animés que vous souhaitez utiliser en vidéo.
Les fenêtres promotionnelles se chargent plus tardivement que les autres éléments de votre site, en raison de leur conception. Nous vous recommandons donc de limiter l'utilisation des fenêtres promotionnelles sur votre site et d'éviter de les utiliser comme contenu principal de votre page.
L'ordre du DOM de votre site est l'ordre dans lequel les visiteurs utilisant des technologies d'assistance (telles que les lecteurs d'écran) naviguent entre vos éléments.
Afin d'offrir une expérience fluide à ces visiteurs et d'assurer le bon ordre des éléments, nous vous recommandons d'ajuster manuellement l'ordre visuel des éléments pour qu'il corresponde à l'ordre affiché dans le panneau Calques.
Optimiser le contenu de votre site mobile
En général, les appareils mobiles ne sont pas aussi puissants ou rapides que les ordinateurs de bureau et ont une connexion internet plus lente. Par conséquent, le chargement de votre site peut prendre plus de temps lorsqu'il est consulté sur un appareil mobile.
Si votre site mobile se charge lentement, nous vous recommandons de suivre les instructions ci-dessous pour optimiser ses performances.
Cliquez sur une option ci-dessous pour savoir comment :
Utiliser l'éditeur mobile
Utilisez l'Éditeur mobile pour optimiser votre site optimisé pour mobile. Vous pouvez masquer et ajuster des éléments, et même ajouter un écran de bienvenue.
Les sites compatibles avec les mobiles auront un aspect différent de la version ordinateur, nous vous recommandons donc de l'ajuster à vos besoins.
Pour accéder à l'Éditeur mobile:
- Ouvrez l'Éditeur Wix.
- Cliquez sur l'icône Éditeur mobile
dans la barre d'outils supérieure.
Masquer les éléments inutiles
Certains éléments peuvent ne pas être pertinents pour votre site mobile et avoir un impact significatif sur le temps de chargement.
Nous vous recommandons d'être attentif à ces éléments. Évitez la surutilisation d'éléments tels que les fenêtres promotionnelles et les applis tierces, et ne conservez que le contenu pertinent et nécessaire sur votre site mobile.
Pour masquer des éléments de votre site mobile :
- Cliquez sur l'élément que vous souhaitez masquer.
- Cliquez sur l'icône Masquer l'élément
.
Suggestion : Les éléments masqués peuvent être vus et ajoutés à nouveau à votre site mobile en cliquant sur
Masqué sur mobile à gauche de l'Éditeur mobile.
Recadrer ou redimensionner les images
Le chargement des grandes images sur votre site mobile peut prendre un certain temps. Nous vous recommandons de rogner ou de réduire votre image pour éviter que le temps de chargement de votre site mobile ne soit affecté.
Pour rogner une image:
- Cliquez sur l'image dans l'Éditeur.
- Cliquez sur l'icône Rogner
. - Faites glisser les poignées pour rogner l'image.
- Cliquez sur Appliquer.
Suggestion : Les images peuvent être redimensionnées en cliquant sur l'image, puis en faisant glisser les poignées pour l'agrandir ou la réduire.
Réduire les éléments dans les galeries et les répéteurs
Les galeries et les répéteurs sont un excellent moyen d'afficher des images et des informations sur votre site, mais ils ont tendance à se charger plus lentement que d'autres éléments comme le texte ou les formes basiques.
Comme bonne pratique, nous vous recommandons de réduire le nombre d'éléments dans une galerie ou un ensemble de répéteurs sur mobile. Affichez uniquement les éléments et les médias pertinents et importants, et répartissez-les de façon homogène sur votre site.
Ajouter un écran de bienvenue
Les écrans de bienvenue sont un excellent moyen de présenter la marque de votre site mobile. C'est la première chose que les visiteurs du site voient, tandis que votre site peut se charger entièrement en arrière-plan.
Pour ajouter un écran de bienvenue :
- Cliquez sur Outils mobiles
sur le côté gauche de l'Éditeur mobile. - Cliquez sur Écran de bienvenue.
- Personnalisez votre écran de bienvenue à l'aide des options disponibles.
- Cliquez sur OK .
Utiliser un système et un navigateur pris en charge
Les sites Wix sont pris en charge sur différents systèmes d'exploitation mobiles et navigateurs. Si les visiteurs rencontrent des problèmes pour consulter votre site mobile, ils doivent peut-être mettre à jour leur système ou leur navigateur.
Code tiers
Le code tiers peut fournir des informations, des outils et des fonctionnalités importants sur votre site. Cependant, il peut également avoir un impact sur le temps de chargement et les performances de votre site s'il n'est pas optimisé.
FAQ
Cliquez sur une question ci-dessous pour en savoir plus.
Pourquoi le score Largest Contentful Paint (LCP) de mon site est-il si bas et comment puis-je l’améliorer ?
Le LCP mesure la vitesse de chargement du contenu visible le plus volumineux sur votre page.
Pour l'améliorer :
- Optimisez les images avec des formats plus légers comme AVIF ou WebP et compressez-les avant de les importer.
- Réduisez la taille du contenu au-dessus du pli, tel que les bannières ou les vidéos.
- Utilisez du texte ou de petites images au-dessus du pli pour un chargement plus rapide.
- Activez la mise en cache pour vos pages dans le tableau de bord Wix.
- Limitez le code personnalisé ou les applis tierces qui peuvent ralentir votre page.
Comment puis-je réduire le temps de blocage total (Total Blocking Time - TBT) de mon site ?
Le TBT mesure la durée pendant laquelle le fil de discussion principal de votre site Web est bloqué par les scripts.
Pour améliorer le TBT :
- Différez le JavaScript non essentiel et minifiez les fichiers JavaScript.
- Supprimez les fichiers JavaScript et CSS non utilisés de votre site.
- Limitez l'utilisation d'animations et de transitions, en particulier celles qui sont déclenchées lors du chargement de la page.
- Utilisez les outils intégrés de Wix pour optimiser les performances de votre site dans l'éditeur.
Que dois-je faire si mon site Web est lent alors qu’il suit les conseils d’optimisation ?
Si votre site Web est toujours lent après avoir optimisé les médias et réduit les éléments inutiles :
- Consultez le tableau de bord Vitesse du site dans votre compte Wix pour obtenir des informations spécifiques.
- Vérifiez les paramètres de votre connexion Internet et de votre navigateur pour les problèmes locaux.
- Contactez l'assistance de Wix pour signaler le problème à l'équipe du temps de chargement afin d'examiner la question plus en détail.
Puis-je optimiser en masse les images de mon site Web ?
Wix optimise automatiquement les images lors de l'importation, mais si vous avez besoin d'une compression supplémentaire :
- Utilisez des outils externes pour compresser les images avant de les importer sur Wix.
- Remplacez les images de grande taille de votre site par des versions optimisées.
- Pour les galeries Pro, utilisez l'option « Ajuster la qualité » pour optimiser toutes les images de la galerie en masse.
Comment puis-je améliorer la vitesse de chargement de mon site mobile ?
Les sites mobiles se chargent souvent plus lentement en raison d'appareils plus petits et de connexions internet plus lentes.
Pour améliorer la vitesse de chargement sur mobile :
- Masquez les éléments inutiles sur mobile à l'aide de l'éditeur mobile.
- Utilisez des formats d'image plus légers comme AVIF et compressez les fichiers volumineux.
- Évitez de placer des vidéos ou des animations au-dessus du pli.
- Activez la mise en cache manuelle pour les pages à contenu volumineux.
Pourquoi mes images sont-elles floues sur les appareils mobiles ?
Les images floues sont souvent dues à la réduction des images en haute résolution pour les écrans plus petits.
Pour résoudre ce problème :
- Utilisez le gestionnaire de médias Wix pour ajuster les dimensions de l'image pour mobile.
- Remplacez les images de grande taille par des versions optimisées de moins de 1 Mo.
- Assurez-vous que les images ne se chevauchent pas avec des vidéos ou d'autres éléments de l'éditeur.
Les animations peuvent-elles ralentir mon site ? Comment les optimiser ?
Oui, les animations peuvent avoir un impact significatif sur les performances du site. Pour les optimiser :
- Utilisez des transitions simples au lieu d'animations complexes.
- Limitez les animations en haut de la page (au-dessus du pli).
- Déclenchez des animations avec l'interaction de l'utilisateur, et non lors du chargement de la page.
Qu'est-ce que le chargement différé et comment affecte-t-il mon site ?
Le chargement différé retarde le chargement des images et des vidéos jusqu'à ce qu'elles entrent dans la zone d'affichage de l'utilisateur, ce qui améliore les temps de chargement initiaux des pages. Wix active par défaut le chargement par défaut pour les images et les vidéos.
Pour optimiser davantage :
- Veillez à ce que le contenu critique se charge en premier.
- Réduisez au minimum les éléments situés au-dessus du pli pour que le contenu soit plus rapidement visible.
Puis-je utiliser des pages dynamiques pour améliorer les performances de mon site ?
Les pages dynamiques sont idéales pour les sites ayant beaucoup de contenu, car elles extraient des données d'une collection CMS, ce qui réduit la nécessité d'avoir plusieurs pages statiques. Cela peut améliorer les temps de chargement en :
- Simplifiant la gestion de contenu.
- Réduisant le nombre de pages statiques qui doivent être chargées en même temps.
- Vous permettant d'afficher du contenu de manière dynamique en fonction de l'interaction de l'utilisateur.
