Performance du site : Concevoir un site web axé sur la performance
Temps de lecture : 4 min
Les pages du site qui contiennent un contenu pertinent et soigné ont généralement un temps de chargement amélioré et une expérience plus fluide pour les visiteurs du site.
Améliorez les performances de vos pages en suivant les conseils de design ci-dessous, tels que l'optimisation de votre section au-dessus du pli et la création de pages dédiées.
Dans cet article, apprenez-en plus sur :
Suggestion :
Nous vous recommandons de prêter une attention particulière à la page d'accueil, car il s'agit généralement de la première page que vos visiteurs rencontrent.
Ordre de chargement des éléments
Les éléments de votre site se chargent dans un ordre spécifique. Les éléments statiques ou en basse résolution se chargent plus rapidement que les éléments lourds ou interactifs.
L'ordre dans lequel les éléments se chargent sur votre site sont:
- Statique : Éléments en basse résolution et généralement non animés, tels que le texte et les formes.
- Fluide :Les éléments qui contiennent beaucoup de contenu et qui peuvent avoir une résolution plus élevée, tels que des images ou des vidéos.
- Interacti f: Contenu qui est interactif et peut inclure du code externe, tel que des iFrames et des applis tierces.
Gardez l'ordre de chargement à l'esprit lorsque vous structurez votre site et ajoutez du contenu. Nous vous recommandons d'ajouter les éléments qui se chargent le plus rapidement à la section au-dessus du pli, car il s'agit du premier contenu affiché lorsqu'un visiteur ouvre votre site.
Au-dessus du pli
La section au-dessus du pli est la section de votre site que les visiteurs peuvent voir sans faire défiler, et est généralement la première partie de votre site à charger.
Nous recommandons d'ajouter uniquement les éléments statiques nécessaires lorsque cela est possible, et de garder le design de cette section simple et pertinent.
Les éléments que nous recommandons d'ajouter ce qui précède la section pli de votre site sont :
- Texte : Le texte donne à vos visiteurs une idée claire de la page de votre site ou de votre marque. De plus, il peut être indexé par les moteurs de recherche et améliorer le référencement de votre site. Nous vous recommandons de vous en tenir aux polices système et d'éviter la surutilisation de familles ou d'épaisseurs de polices différentes. En savoir plus sur l'optimisation du texte sur votre site
- Appels à l'action : Les CTA sont des boutons et des liens qui aident les visiteurs à effectuer une action souhaitée sur votre site, comme effectuer un achat ou contacter votre entreprise. Les CTA doivent être clairement définis, et nous vous recommandons d'éviter d'ajouter des éléments à proximité qui pourraient distraire les visiteurs de votre site.
Galeries, vidéos et animations
Les éléments fluides et en haute résolution peuvent ajouter du mouvement et de la vie à votre site. Cependant, ils peuvent augmenter le temps de chargement du site et donc avoir un impact sur les performances.
Nous vous recommandons d'être attentif à ces éléments. Utilisez-les uniquement lorsque cela est nécessaire et essayez d'éviter de les ajouter au-dessus du pli de votre site.
Pages dédiées et longueur de page
Wix propose une variété d'applis que vous pouvez ajouter à votre site, dont certaines incluent Stores, Blog et Vidéo.
Nous recommandons d'avoir des pages dédiées à ces applis qui ne sont pas la page d'accueil du site. Cela évitera une surcharge de votre page d'accueil, ce qui peut avoir un impact sur votre temps de chargement. Vous pouvez ensuite créer des liens vers ces pages dédiées à partir de votre page d'accueil en utilisant des éléments tels que des boutons, des éléments de menu et des liens.
L'ajout de pages dédiées peut également réduire la longueur de la page. Il s'agit du nombre d'écrans qu'un visiteur doit faire défiler pour afficher une page entière du site. Nous vous recommandons de maintenir la longueur de votre page à huit écrans et moins en n'ajoutant que les composants nécessaires et en optimisant l'utilisation des CTA.
Boutons
Les boutons sont un excellent moyen de prévisualiser le contenu de votre sans compromettre les performances du site.
Ajoutez des éléments statiques à votre page d'accueil (comme du texte) qui donnent aux visiteurs un échantillon du contenu du site, puis ajoutez un bouton qui renvoie à leurs pages respectives. Voici quelques exemples : « Découvrez mon blog », « En voir plus » ou « Commencez vos achats ».
Cela vous a-t-il aidé ?
|