Améliorer les performances de votre site est un élément important à la fois de la construction et de la maintenance du site.
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.
En savoir plus :
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.
L'optimisation de votre site peut améliorer le temps de chargement et améliorer votre score sur des outils de performance tels que Google PageSpeed Insights.
Comment Wix mesure le temps de chargement
Wix mesure le temps de chargement sur le site en utilisant la métrique TTI. Cela signifie Time To Interactive et mesure la réactivité de la charge.
TTI fonctionne en calculant le laps de temps entre le début du chargement de votre site et le moment où il s'est chargé au point de pouvoir répondre rapidement aux interactions des visiteurs.
Nous vous recommandons de suivre les meilleures pratiques ci-dessous pour assurer un temps de chargement fluide et rapide à votre site.
Ordre de chargement des éléments
Lorsque vous construisez ou mettez à jour votre site, nous vous recommandons de garder à l'esprit
l'ordre de chargement des éléments, car il peut affecter les performances de votre site.
Par exemple, les éléments interactifs ou à fort contenu (vidéos et applications tierces, par exemple) ont tendance à se charger plus lentement que les éléments statiques ou plus légers, comme 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, les animations et les images.
Cliquez sur une option ci-dessous pour plus d'informations sur l'amélioration du contenu du site.
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.
Les images téléchargées sur les sites Wix sont automatiquement redimensionnées pour l'optimisation, à condition qu'elles soient inférieures à 25 Mo. Nous vous recommandons également 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 du site et les performances.
En savoir plus sur les images et les performances de votre site
Les vidéos ajoutées aux sites sont un excellent moyen d'encourager l'interaction et l'intérêt des visiteurs.
Nous vous conseillons 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 à charger que les éléments statiques. Évitez d'en abuser et gardez-les en dessous du niveau de la page lorsque cela est possible.
En savoir plus sur l'optimisation de vos vidéos
Applis tierces et iFrames
Le contenu contenu dans les applis tierces et les iFrames (comme les vidéos intégrées ou les flux de réseaux sociaux) est fourni à partir de serveurs externes, plutôt que des serveurs Wix. Cela signifie que Wix ne peut pas les optimiser et qu'ils peuvent donc créer une surcharge sur 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.
Garder les styles de police dans cette plage de numéros peut également améliorer les performances du site, car cela réduit le temps de chargement.
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 en dessous du pli de votre site si 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.
Par conception, les boîtes lumineuses se chargent plus tard que les autres éléments de votre site. Nous vous recommandons donc de limiter l'utilisation des boîtes à lumière sur votre site et d'éviter d'utiliser les boîtes à lumière comme contenu principal de votre page.
L'ordre DOM de votre site est l'ordre dans lequel les visiteurs utilisant des technologies d'assistance (comme les lecteurs d'écran) naviguent dans vos éléments.
Afin d'offrir une expérience fluide à ces visiteurs et de garantir l'ordre correct 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 généralement une connexion internet plus lente. Par conséquent, votre site peut prendre plus de temps à charger 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.
Utiliser l'Éditeur mobile
Utilisez l'Éditeur mobile pour optimiser votre site mobile. Vous pouvez masquer des éléments, ajouter un écran de bienvenue et même optimiser la mise en page de votre page pour mobile.
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.
- Cliquez sur l'icône Éditeur mobile dans la barre d'outils supérieure.
- (Facultatif) Cliquez sur l'icône Optimiseur de mise en page à gauche de l'éditeur mobile pour commencer à optimiser la mise en page de votre site pour mobile.
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ément .
Suggestion: Les éléments masqués peuvent être consultés et ajoutés à nouveau à votre site mobile en cliquant sur l'icône
Éléments masqués sur le côté 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 l'icône 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 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 tels que le texte ou les formes de base.
Nous vous recommandons de réduire le nombre d'éléments dans une galerie ou un ensemble de répéteurs. N'affichez que les éléments et médias pertinents et importants, et répartissez-les uniformément 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 voient, ce qui permet à votre site de se charger complètement en arrière-plan.
Pour ajouter un écran de bienvenue :
- Cliquez sur l'icône 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.
Systèmes d'exploitation pris en charge sur les appareils mobiles:
- iPhone : iOS 12 et supérieur (iPhone 6 et supérieur)
- Android : 9,0 et plus
Navigateurs pris en charge sur les appareils mobiles:
Codes tiers
Les codes tiers peuvent fournir des informations et des outils importants sur votre site. Cependant, ils peuvent avoir un impact sur le temps de chargement et les performances de votre site.