.

Les fondamentaux de la performance web : avantages d’un Content Delivery Network (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 web. 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 une optimisation efficace du chargement de JavaScript

Une des optimisations essentielles pour améliorer la performance de votre site web consiste à différer le chargement du 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 la vitesse 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 de l'écrasante majorité de sites 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 et le photos prennent de plus en plus de place et de poids 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. 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 et les photos représentent près de la moitié du poids total de la page. 

Alors, après l’étape incontournable de la compression pour limiter le poids des pages web et servir des images de qualité (de préférence en format nouvelle génération tel que WebP ou AVIF), 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é et que nous avons décidé de relever : le redimensionnement automatique des images, pour une largeur et une hauteur toujours adaptées !

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

Le Early Hint ou comment précharger les assets d’une page non cachable

Peut-être avez-vous déjà entendu parler du Early Hint ? Ou peut-être du code HTTP 103 ? Cette fonctionnalité, en cours de standardisation par le W3C, permet de précharger les ressources d’une page avant même d’avoir reçu le premier octet de contenu. Malheureusement, le HTTP 103 est aujourd’hui très peu déployé sur les navigateurs, malgré son intérêt en termes de vitesse de chargement. Notre équipe technique a donc développé une optimisation permettant à nos clients de précharger les ressources d’une page non cachable : le Early Hint est désormais à votre disposition !

Lire la suite