SmartCache : un système de cache intelligent et performant pour accélérer votre site web

La gestion du cache HTTP

La mise en cache est l’une des techniques les plus efficaces pour avoir des pages rapides et améliorer la vitesse de chargement de plusieurs centaines de millisecondes. Cette échelle de temps peut sembler infime, mais le cumul de toutes ces millisecondes peut se transformer en secondes… et une seconde de temps de chargement en plus, ce sont des conversions en moins ! Voyons comment utiliser cette technique pour réduire vos temps de chargement, même sur des pages dynamiques.

Continue reading SmartCache : un système de cache intelligent et performant pour accélérer votre site web

Les fondamentaux de la web perf : les CDN

cdn-webperf-pour-accelerer-site-web

Un Content Delivery Network (CDN) permet d’optimiser la diffusion des contenus en les rapprochant des internautes. Mais ce n’est pas tout : il est aussi utile pour la vitesse et la sécurité de votre site. Voici un éclairage complet sur ce qu’est un CDN, comment il fonctionne et à quoi il sert. Nous vous expliquons également en quoi Fasterize est un CDN nouvelle génération, et tous les bénéfices que vous pouvez en retirer !

Lire la suite

Les pièges à éviter pour optimiser intelligemment le chargement des JS

Une des optimisations essentielles en webperf consiste à différer le chargement des JavaScript. Pour comprendre l’intérêt de cette démarche, nous allons d’abord voir ce qu’est un script bloquant, pourquoi il a un impact sur le temps de chargement, les solutions pour le rendre “non bloquant” mais aussi les écueils dans lesquels ne pas tomber. Nous détaillerons enfin la solution que nous avons développée : une fonctionnalité appelée DeferJS.

Lire la suite

Notre fonctionnalité pour accélérer le chargement de vos pages si vous utilisez Google Fonts

Google font webperf

Votre site web fait-il partie des 89 % qui utilisent des polices Google ? Saviez-vous que dès que vous faites appel à des polices externalisées comme Google Fonts, vous vous exposez aux problèmes de performance liés aux Third Parties ? En effet, les fonts Google font partie du chemin critique de rendu de la page : c’est une ressource nécessaire pour l’affichage du texte. 

Lire la suite

Redimensionner automatiquement les images avec Fasterize

Resizing image web performance

Les images prennent de plus en plus de places sur nos pages web, c’est pourquoi nous avons tout intérêt à faire en sorte qu’elles soient de moins en moins lourdes, et encore plus sur mobile. En 2019, d’après HTTP Archive, une page web affiche en moyenne près de 1Mo d’images (médiane) ; et sur une page, les images représentent 900Ko sur 1700Ko (soit environ 53 %). 

Alors, après l’étape incontournable de la compression, comment servir une image aux bonnes dimensions en fonction de la taille d’un écran ? Après le support du srcset, voici un défi webperf que nous avions identifié pour l’année 2019 et que nous avons décidé de relever : le redimensionnement des images !

Lire la suite

La correction des fonts intégrées aux CSS

Manger moins gras, salé, sucré, ça vaut aussi pour les CSS, et y intégrer des fonts directement en base64 les alourdit considérablement. Fasterize vous aide à optimiser vos temps de chargement en externalisant les fonts au lieu de les intégrer dans les CSS, une ressource critique que le navigateur doit pouvoir charger le plus vite possible.  L’impact ? Des pages qui s’affichent plus rapidement grâce à un meilleur Start Render.

Lire la suite

La compression Brotli en quelques clics avec Fasterize

Plus un site est rapide (c’est justement notre cœur de métier), plus l’engagement des internautes est fort. Et pour accélérer un site web, les solutions ne manquent pas ! Alléger au maximum le poids des pages fait partie des moyens les plus efficaces et les plus évidents. En effet, moins il y a d’octets à télécharger sur le navigateur, plus le site est rapide. Ainsi, en toute logique, l’une des solutions consiste à optimiser la taille brute du code JavaScript et CSS en les minifiant, mais également à utiliser un algorithme de compression plus efficace.

Lire la suite

Hello SMX Paris !