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

Traffic Limiter : décharger votre serveur en cas de pic de charge

En période de soldes ou pendant le Black Friday, Cyber Monday, Cyber Week... ou pendant un pic de trafic ou pic de charge pendant lesquels le nombre de requêtes et de connexions explose, votre serveur a besoin d'être soulagé. 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 clients. Notre moteur propose une fonctionnalité disponible pour tous nos utilisateurs, sa configuration et son utilisation sont très simples : c'est le Traffic Limiter.

Lire la suite

Webperf et automatisation : les challenges 2019

Fasterize accélère la vitesse de chargement des sites web, et ce de façon automatisée.
Si la rapidité d’un site web est un challenge, l’automatisation de la webperf l’est tout autant ! Nous sommes évidemment en veille constante pour suivre les évolutions de l’état de l’art afin de proposer des fonctionnalités et des services adaptés tout en s’assurant de “remettre un peu d’ordre” dans les sites de nos clients.
Voici les enjeux prioritaires que nous avons identifiés pour 2019.

Lire la suite

Comparez la vitesse de votre site web avec et sans Fasterize

Connaissez-vous Insight, l’outil de Fasterize qui vous permet d’analyser gratuitement et en quelques instants la rapidité de votre site web ? Grâce à lui, vous pourriez bien franchir la première étape d’une démarche d’optimisation de votre performance web : un diagnostic préalable indispensable pour rendre votre site plus rapide, améliorer l’expérience utilisateur et ainsi générer plus de business. Voici comment et pourquoi l’utiliser sans modération.

Lire la suite

Hello SMX Paris !