Cet article décrit l'impact que vos polices peuvent avoir sur la vitesse de chargement de votre site Web. Il dévoile également le rôle central de l'optimisation des polices Web pour garantir une expérience utilisateur plus fluide. Découvrez les bonnes pratiques, les directives et les astuces pour tirer le meilleur parti des polices Monotype pour vos projets Web et vos publicités numériques.
Remarque : découvrez tout sur nos projets Web et nos publicités numériques.
L'équilibre parfait. Votre site Web ou publicité numérique doit allier esthétique, performance et expérience utilisateur. Un site Web ne doit pas seulement être agréable à regarder. Il se doit également d'être performant afin de garantir une expérience utilisateur fluide sur tous les appareils et plateformes.
Quel est l'impact des polices sur la performance de votre site ?
Les polices peuvent avoir un impact sur la vitesse de chargement de votre site Web (selon le nombre de polices utilisées ou la taille des fichiers de polices, par exemple). À l'ouverture d'une page Web, le navigateur télécharge toutes les données nécessaires à l'affichage (images, vidéos et polices, par exemple). Lorsque les fichiers de polices sont plus volumineux, le téléchargement est plus long, ce qui a un impact négatif sur l'expérience utilisateur. Plus votre site Web charge vite, plus son positionnement SEO est bon et plus sa visibilité est haute.
Pour organiser et optimiser vos polices Web, utilisez les fonctions Projet Web et Publicités numériques dans la section Ma bibliothèque de Monotype Fonts.
Suivez les instructions ci-dessous pour gérer et optimiser les polices de votre projet. Créez une expérience plus efficace et plus conviviale pour vos utilisateurs :
Un budget polices pour votre projet : définissez un budget consacré aux polices (nombre de polices utilisées, variétés de polices et jeux de caractères, par exemple) afin de maîtriser la performance de votre projet. Selon les besoins, vous pouvez ajouter/supprimer des polices dans vos projets Web et publicités numériques.
Des formats de police optimisés : pour une meilleure compression et une plus grande efficacité, nous vous conseillons d'utiliser des formats de polices optimisés, tels que Web Open Font Format (WOFF) et Web Open Font Format 2.0 (WOFF2) sur Internet. Ces formats réduisent les délais de chargement en diminuant la taille du fichier de polices et en accélérant la vitesse de chargement. Toutes les polices Web de Monotype Fonts sont élaborées sous formats WOFF et WOFF2.
Des sous-ensembles de polices pour réduire la taille des fichiers : créez un sous-ensemble d'une police en n'incluant que les caractères et les glyphes nécessaires à votre projet et en supprimant les autres. Cette opération permet de réduire la taille des fichiers de polices et de booster les performances des polices Web. Avec Monotype Fonts, créez des sous-ensembles de polices Web en toute simplicité et de manière efficace, pour des performances optimales. Consultez cet article pour savoir comment créer des sous-ensembles de polices Web.
Un nombre limité de fichiers de polices : pour réduire la quantité de données téléchargées par le navigateur, vous pouvez limiter le nombre de fichiers de polices utilisés sur votre site Web afin d'améliorer la vitesse de chargement. Boostez les performances de votre site en utilisant le moins de familles, de graisses et de styles de polices possible. Vous pouvez également utiliser des polices variables pour avoir plusieurs styles dans un seul et même fichier.
Remarque : conformément à cette directive, nous veillons à ce que les performances de votre projet ne soient pas altérées. Vous pouvez ajouter jusqu'à quatre (4) styles de polices d'une même famille à la fois sur un projet Web ou dans une publicité numérique. Si vous souhaitez ajouter plus de quatre styles, il vous suffit d'ajouter à nouveau des polices au projet Web ou à la publicité numérique.
Vérification de l'utilisation des polices : vérifiez régulièrement les polices utilisées afin d'identifier les polices chargées et leur incidence sur les performances de votre site Web. Cette vérification permet de repérer les polices qui alourdissent inutilement votre projet. Vous pouvez alors les supprimer de votre dossier de projet Web et de publicités numériques.
Demandes de polices anticipées : commandez vos polices en amont afin qu'elles soient chargées dans les plus brefs délais, sans impacter les ressources stratégiques. Utilisez les fonctions Ajouter à et Favoris pour ajouter les polices souhaitées à votre dossier de projet Web et de publicités numériques.