Performances du site : Optimiser votre texte
Temps de lecture : 4 min
Optimisez le texte de votre site pour améliorer l'expérience des visiteurs. Les types de polices, les effets et la mise en forme peuvent avoir un impact sur les performances de votre site, nous vous recommandons donc de suivre nos directives pour vous assurer de pouvoir afficher les informations importantes sans compromettre la fonctionnalité.
Dans cet article, découvrez comment optimiser le texte de votre site :
Suggestion :
Le fait d'avoir un texte significatif au-dessus du panneau garantit également que les visiteurs ont du contenu à lire pendant que le reste du site se charge.
Les différents types de polices
Il existe plusieurs types de polices que vous pouvez utiliser sur votre site. Selon le type et les exigences de téléchargement, ils varient dans la façon dont ils affectent la vitesse de chargement et les performances de votre site. Les trois types de polices sont :
- Polices système : Il s'agit de polices courantes qui existent probablement déjà sur les systèmes de vos appareils et de ceux de vos visiteurs. Comme elles sont incluses dans la plupart des systèmes, elles n'ont pas besoin d'être téléchargées pour apparaître sur les appareils de vos visiteurs et n'ont donc pas d'impact sur les performances de votre site.
- Polices personnalisées : Les polices personnalisées sont des polices que vous pouvez importer depuis n'importe quel tiers pour les utiliser sur votre site Wix. Ces polices sont un moyen personnel d'enrichir l'expérience de votre site, mais elles nécessitent un téléchargement depuis le serveur pour apparaître dans le navigateur de votre visiteur. Par conséquent, ces polices peuvent avoir un impact sur les performances de votre site.
- Polices disponibles sur Wix : Lorsque vous créez et modifiez votre site avec Wix, vous remarquerez peut-être que nous proposons diverses polices de texte. Certaines d'entre elles sont des polices système tandis que d'autres agissent comme des polices personnalisées, et elles affectent en conséquence la vitesse de chargement de votre site.
Pour résumer :
- Les polices système se chargent plus rapidement que les polices personnalisées, car elles existent déjà dans le système. Cela permet donc d'économiser de la bande passante en réduisant le nombre de requêtes nécessaires au chargement de votre site.
- Étant donné que les polices système ont moins d'impact sur la vitesse de votre site, nous vous recommandons de les utiliser à la place des polices personnalisées dans la mesure du possible.
Nombre de polices
Lorsque vous utilisez des polices sur votre site, il est important de garder à l'esprit que le fait d'avoir plusieurs polices et types de polices différents peut avoir un impact sur le temps de chargement et les performances globales.
Bien que les polices système ne nécessitent pas de téléchargement, les polices personnalisées doivent être téléchargées à partir du serveur afin d'être affichées sur votre page. Différentes polices personnalisées peuvent également avoir des vitesses de téléchargement différentes, ce qui peut affecter davantage le temps de chargement de votre site.
Nous vous recommandons de maintenir le nombre de polices (à la fois système et personnalisées) sur votre page à 3 ou moins, car cela aide à assurer le bon fonctionnement de votre site. La cohérence des polices (et des couleurs) contribue également à renforcer votre marque et à maintenir l'apparence de votre site.
Formatage et animation des polices
Différentes épaisseurs de police, tels que gras, souligné ou italique, peuvent également avoir un impact sur le temps de chargement de votre site. Essayez de maintenir le nombre d'épaisseurs de police sur une page à 3 ou moins en les utilisant à des fins spécifiques (par exemple, pour mettre en évidence une zone de texte sur votre page).
De plus, le texte animé peut avoir un impact sur la lisibilité et le référencement de votre texte. En effet, le texte animé ne peut pas être lu par les moteurs de recherche. Nous vous recommandons d'utiliser du texte normal pour un contenu significatif sur votre site et d'éviter une utilisation excessive des animations de révélation au-dessus du panneau.
Images de texte
Évitez les images qui contiennent du texte dans la mesure du possible. Le texte de l'image peut apparaître flou pendant le chargement de l'image et ne peut pas être traduit ou exploré par les moteurs de recherche. Assurez-vous que vous utilisez du texte standard dans la mesure du possible sur l'ensemble de votre site pour maintenir les performances de votre site et son classement en termes de référencement.
Suggestion :
Comme alternative, nous vous recommandons d'ajouter du texte alternatif à vos images. Cela permet aux moteurs de recherche et aux lecteurs d'écran de « lire » la description de l'image.
Polices par défaut dans l'Éditeur Studio
Remarque :
Cette fonctionnalité est uniquement disponible dans l'Éditeur Studio.
Si vous utilisez des polices personnalisées lourd sur un Éditeur Studio, vous pouvez activer les polices par défaut. Les polices par défaut se chargent plus rapidement et sont temporairement affichées sur le site en ligne pendant le téléchargement des polices personnalisées en arrière-plan.
Les polices par défaut peuvent optimiser les performances des pages en réduction le LCP (Largest Contentful Paint), ce qui peut améliorer le Signaux Web essentiels et le classement dans la recherche Google. De plus, l'affichage rapide de contenu de texte peut améliorer l'expérience des visiteurs lorsqu'ils naviguent sur le site. En savoir plus sur l'activation des polices par défaut
Bon à savoir :
- Les polices par défaut améliorent le temps de chargement si le plus grand élément au-dessus de la ligne de flottaison est un élément de texte.
- Lorsque vous activez les polices par défaut, cela ajoute une valeur "swap" au descripteur CSS de l'affichage de la police. Ce descripteur détermine comment une police est affichée en fonction du moment où elle est téléchargée et prête à être utilisée.
Cela vous a-t-il aidé ?
|