#2 Optimisation Webfont Webflow

Le temps de chargement de ses pages web est une métrique à regarder et optimiser.Pourquoi ?Un temps de chargement rapide permet de réduire le taux de rebond sur sa page et cela améliore également l’expérience utilisateur. Ces deux critères ont un impact bénéfique pour votre référencement naturel 🚀Il existe tout un tas d’optimisations possibles pour améliorer la vitesse de chargement de vos pages web. Aujourd’hui, nous allons nous concentrer sur l’optimisation des polices.Si vous utilisez Webflow, certaines Fonts sont directement disponibles dans le Designer, cependant, nous pouvons également en ajouter manuellement.Si vous souhaitez ajouter une Font personnalisée, n’utilisez pas la fonctionnalité native de Webflow avec Google Font !

Pourquoi ? Florian Bodelot, vous l’expliquera mieux que moi dans cette vidéo 👉 https://lnkd.in/eQhAEFv6Le petit tips en plus est de ne pas importer des polices au format OTF ou TTF, mais plutôt des polices au format WOFF2.Ce format de police est ultra optimisé et permet de réduire jusqu’à 80% le poids d’une police.En réalité, la différence peut paraître minime (par exemple, passer de 100ko à 20ko par exemple), mais une petite optimisation reste une optimisation.Pour récupérer une police en WOFF2, vous pouvez télécharger votre police dans un format TTF ou OTF via Google Font, DaFont ou autres et utiliser un outil comme CloudConvert pour convertir vos fichiers de police en format WOFF2.Il ne vous reste plus qu’à les importer sur Webflow en pensant à bien activer le display Swap 😉

Optimisation polices webflow
cube 3d avec logo webflow

Thib’z tips

badge thibz tips white

Thib’z tips

badge thibz tips white

Thib’z tips

badge thibz tips white

Thib’z tips

badge thibz tips white

Thib’z tips

badge thibz tips white

Thib’z tips

badge thibz tips white

Thib’z tips

Découvrez plus de contenus gratuit !

Accès à vie au cours Figma

0€

Apprenez les bases du design et devenez freelance !

J'en profite !
webflow-badge-icon-svg
made-in-webflow-svg