Fasterize optimise le score PageSpeed Insights

Appliquez automatiquement les recommandations de Google pour améliorer votre score PageSpeed Insights et vos Core Web Vitals ! Optimisation de toutes les ressources : images, JavaScript, fonts, scripts tiers, mise en cache... Gagnez du temps pour appliquer efficacement les recommandations de Google.

PageSpeed Insights est un outil en ligne de Google qui permet d'évaluer la performance des sites web. Il délivre un score compris entre 0 et 100. Si vous voulez comprendre comment ce score de performance est défini, nous avons décrypté sa méthode de calcul et exploré les données sur lesquelles il s’appuie.

En plus du score de performance, la page de résultats de PageSpeed Insights affiche une liste de recommandations pour optimiser la vitesse de chargement des pages web. Cependant, les appliquer manuellement sur mobile et desktop, c’est possible, mais c’est fastidieux et chronophage ! Il faut pouvoir les articuler correctement, et en plus, exactement comme pour des optimisations SEO, il faut les maintenir.
Chaque nouvelle mise en ligne, chaque nouveau contenu sur une page, ou chaque fonctionnalité sur votre site, peut faire tomber tous vos efforts à l’eau. C’est un risque que vous ne voulez sûrement pas prendre…

Dans cette dataviz, on vous explique tout ce que notre moteur fait pour optimiser, maintenir et sécuriser les performances des sites web.
Gagnez du temps, gagnez en efficacité, et faites vraiment décoller votre score PageSpeed Insights, en appliquant toutes les bonnes pratiques pour des pages qui se chargent en un claquement de doigts ! 

infographie : Fasterize applique les recommandations de PageSpeed Insights

Optimisation des images

Compresser et optimiser les images, c’est indispensable pour réduire le temps de chargement des sites. En effet, elles représentent environ la moitié du poids des pages web

Notre moteur compresse intelligemment vos images en appliquant les formats nouvelle génération : 

  • WebP (recommandé par Google),
  • et AVIF qui est encore plus performant, et qui n’est pas encore proposé par tous les outils ou plugins de compression d’image. 

Core Web Vitals et Mobile First oblige, notre outil assure aussi un redimensionnement automatique et un recadrage intelligent pour un affichage optimal sur toutes les tailles d’écran.
Enfin, il vous permet d’inliner les images, et d’appliquer les techniques de lazyloading correctement pour améliorer le Largest Contentful Paint (LCP)

Nos fonctionnalités répondent ainsi à la longue liste de recommandations fournie par la page de résultats PageSpeed Insights à propos de l’optimisation d’image : 

  • Encodez les images de manière efficace
  • Diffusez des images aux formats nouvelle génération
  • Dimensionnez correctement les images
  • Différez le chargement des images hors écran
  • Les éléments d'image ne possèdent pas de width ni height explicites
  • Préchargez l'image Largest Contentful Paint (LCP)  

Optimisations JavaScript

JavaScript et les scripts tiers peuvent être indispensables pour certaines fonctionnalités à valeur ajoutée sur votre site, mais vous devez veiller à ce qu’ils ne dégradent pas votre interactivité. 

Ces ressources aussi doivent être optimisées ! Vous devez soigner tout votre code, dont Javascript, pour répondre aux critères SEO et expérience utilisateur indiqués par PageSpeed Insights.

Pour cela, notre moteur peut différer automatiquement le chargement et l’exécution des scripts qui ne sont pas essentiels à l’affichage de la page, pour que les éléments les plus importants pour l'utilisateur puissent se charger en priorité et rapidement. 

Aussi, pour des pages légères, Fasterize compresse vos fichiers aux formats Gzip et Brotli, minifie et concatène vos fichiers JavaScript. Nos optimisations dédiées aux ressources JavaScript répondent aux préconisations de Google :

  • Réduisez le temps d'exécution JavaScript
  • Réduisez la taille des ressources JavaScript
  • Réduisez le travail du thread principal

Optimisations CSS

Pour rendre vos pages rapides, vous devez optimiser l’ensemble de votre code : HTML, JavaScript… mais aussi CSS ! Alors, comme pour JavaScript, notre moteur compresse, minifie et concatène vos fichiers CSS. 

Pour aider le navigateur à récupérer au plus vite ces fichiers critiques pour le rendu de vos pages, notre outil remonte automatiquement le code CSS en haut de vos pages, et charge en asynchrone ce qui peut l’être. Notre solution prévoit aussi une fonctionnalité dédiée au Critical CSS.

Nos optimisations permettent ainsi d'appliquer automatiquement les recommandations de la page de résultats de PageSpeed Insights :

  • Réduisez la taille des ressources CSS
  • Réduisez la profondeur des demandes critiques

Stratégie de cache

Limitez le nombre de requêtes entre le navigateur de l’utilisateur et vos serveurs avec la mise en cache de vos contenus. Notre CDN Next-Gen propose des fonctionnalités de cache avancées et intelligentes.

Vous pouvez optimiser votre front-end même sur des pages dynamiques ou avec du contenu personnalisé avec notre fonctionnalité de Smart Cache !
Vous pouvez aussi définir la durée et le mode de mise en cache de votre contenu statique, et gérer facilement toutes les versions de vos pages en paramétrant seulement un cookie.

Ces fonctionnalités de mise en cache avancées répondent aux recommandations du moteur de recherche :

  • Réduisez le temps de réponse serveur
  • Diffusez des éléments statiques grâce à des règles de cache efficaces
  • Réduisez au maximum le nombre de requêtes et la taille des transferts

Chargement des fonts

Vous utilisez Google fonts ou des polices externalisées ? Sans optimisation, ces ressources tierces peuvent dégrader la vitesse d’affichage. Alors, simplifiez-vous la vie avec notre moteur pour limiter les appels à l’API, et demander éventuellement au navigateur d'afficher le texte avant même que les fonts ne soient chargées. 

Enfin, pour des ressources toujours plus légères et un chargement rapide, notre solution supprime automatiquement les caractères inutiles de vos fichiers font pour réduire leur taille jusqu'à 80%. 

Des optimisations qui répondent aux recommandations suivantes de PageSpeed Insights : 

  • Assurez-vous que le texte reste visible pendant le chargement des polices web
  • Activez la compression de texte
  • Connectez-vous à l'avance aux origines souhaitées

Optimisation des ressources images, code JavaScript, CSS, mise en cache, fichiers de fonts… Pour répondre aux exigences de Google, et améliorer votre score PageSpeed Insights et vos performances, les optimisations à appliquer sont nombreuses et nécessitent une véritable expertise pour s’articuler correctement. 

Vous devez aussi maintenir vos optimisations dans le temps pour des résultats pérennes, augmenter et maintenir votre score. 

Pour toutes ces raisons, l’automatisation de l’ensemble des bonnes pratiques et des techniques webperf est indispensable :

  • vous gagnez du temps, 
  • vos optimisations sont plus efficaces et durables, 
  • les optimisations s’articulent correctement les unes par rapport aux autres,
  • vous profitez automatiquement des formats les plus avancés et des meilleures techniques,
  • vous n’avez plus à vous soucier de la maintenance des optimisations, même en cas de mise à jour ou d’évolution de votre site…

Et ce n’est pas tout ! Notre CDN Next-Gen, c’est aussi : un support complet de HTTPS avec gestion automatique, la sécurisation et la prévention contre les attaques (WAF), et surtout, l'amélioration de tous vos KPIs techniques (Core Web Vitals, Time To First Byte, Speed Index, Start Render...) et métier (taux de conversion, taux de rebond...). 

Notre solution est compatible avec tous les CMS (WordPress, Salesforce Commerce Cloud, Magento…) et vous fait gagner de précieuses secondes sur le temps de chargement de toutes vos pages web. 

Bien plus qu’un outil, nos experts webperf vous accompagnent et assurent un suivi minutieux de vos performances pour vous aider à aller toujours plus loin.

Vous hésitez encore ?
Vous voulez tester ces fonctionnalités sur votre site et mesurer l’impact
sur votre vitesse de chargement et votre score PageSpeed Insights ? 

Demandez une démo


Hello SMX Paris !