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 plus

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 plus

Brotli + Fasterize = <3

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 plus

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 plus

Traffic Limiter : pour activer le système de délestage en cas de pic de trafic

En période de soldes ou pendant le Black Friday / Cyber Monday, une page de débordement - ou système de délestage - permet de définir un nombre maximum de sessions actives pour préserver vos serveurs et ainsi réduire la perte de potentiels client.e.s. Cette fonctionnalité que nous appelons “Traffic Limiter” sur notre plateforme est dorénavant disponible pour tous.tes nos utilisateur.rice.s, activable facilement depuis le dashboard.

Lire plus

coucou