Sélection de liens #webperf n°8

Retrouvez une sélection de liens sur le thème des performances Web de la semaine passée. Au sommaire, 13 liens sur : du fast food ou un menu hamburger en 60 fps, http2 et server push, webp et jpeg, cache et max-age, un résumé de la situation des webperfs, …

Un menu hamburger servi en 60fps ? Gokul Krishh nous fournit le script JS et un exemple simple pour l’utiliser sur votre site Web.

Le protocole HTTP/2 est un sujet chaud en ce moment, Voxxed revient sur les bénéfices techniques et les risques de mettre en place cette technologie. Aussi, Cloudflare annonce le support du Server Push pour tous ses clients (70% des sites utilisant HTTP/2 passent par leurs services). Si vous ne savez pas ce qu’est le Server Push, Shimmer Cat fait le tour de cette technique.

Clark Gredoña d’Instagram explique, dans sa conférence au F8, comment les performances pilotent l’utilisation de leur application et explique (entre autres) qu’après la mise en place de HTTP/2, la latence a chuté de 27% et a augmenté l’activité quotidienne de 0.3%.

Et pour terminer sur HTTP/2, isthewebhttp2yet.com permet de visualiser la taux d’adoption de ce nouveau protocole et de suivre l’évolution des 2 premiers millions de sites sur Alexa. Le vôtre est peut-être dedans ?

De quoi parle-t-on quand on parle de performances web ? Les slides de la présentation de Patty Toland à la Smashing Conference de San Francisco. Un très bon résumé de la situation des webperfs aujourd’hui.

Jeremy Wagner nous explique comment tirer parti du format WebP et l’utiliser avec vos images. Sur le même sujet, Colt McAnlis revient sur le format JPEG et nous présente son fonctionnement.
Si vous souhaitez optimiser facilement vos images (et gérer automatiquement le format WebP), vous pouvez utiliser le service fasterImage qui propose un forfait gratuit de 100Mo par mois.

fasterImage a d’ailleurs dépassé les 4To de bande passante économisée par ses utilisateurs !

Enfin, saviez-vous que votre navigateur, les serveurs Web et votre cache ont souvent des discussions passionnantes pour économiser votre bande passante ? C’est ce que met en scène Jake Archibald pour expliquer les bonnes pratiques et pièges du cache et du max-age.

 

Vous êtes de plus en plus nombreux à lire cette sélection de liens, n’hésitez pas à me faire un retour autant sur le fond que sur la forme pour que je puisse l’améliorer ! Je serai ravi d’en discuter avec vous par twittermail ou juste après via un commentaire.

Soyez la première ou le premier à laisser un commentaire. On a tous quelque chose à partager !

Rejoignez la discussion

Vous pouvez utiliser ces HTML balises et attributs: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>