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 images JPG plutôt que des images PNG, sauf si vous avez besoin d'un arrière-plan transparent, car les images JPG 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é.