If you do find yourself in a position where your site’s initial rendering depends on a third-party script, refer to your mitigation plan to see what you can do to eliminate or ameliorate your dependence on it. Depending on a third party for core functionality is never a good position to be in, as you’re relinquishing a lot of control to others who might not have your best interests in mind.

Aussi, nous ne pouvons pas nous empêcher de supposer une volonté de Google de soulager son infrastructure.

Pourquoi vouloir à tout prix rendre un site rapide ? Pas seulement par souci UX ou par amour de son.a prochain.e, mais aussi parce que Google passe du temps à crawler un volume immense de pages.

On voit qu’il est tout à fait cohérent d’être flexitarien et de regarder Stranger Things.
[…]
Laissez vos emails tranquilles, la grosse bonne action en numérique est de faire durer le plus longtemps possible les appareils et d’éviter d’acheter des gadgets.

The usual uses cases for Service Workers is pre-caching; custom offline pages; saving pages for offline reading. What if we could use the Push API to introduce a subscription strategy based on content push and offline first?

The crossorigin attribute, when used with rel="preconnect", doesn't describe where the target origin is but rather what kind of assets will be downloaded from that origin. If the assets use CORS, crossorigin is needed. If CORS won't be used, crossorigin should be omitted. If both types of assets will be present, two resource hints are necessary.

[…] Avant de vous lancer tête baissée dans une version AMP de votre site, pesez bien le pour et le contre, et assurez vous de savoir si cette démarche va réellement répondre à vos besoins pour réduire vos temps de chargement ; ou plutôt faire cautère sur jambe de bois en accélérant seulement certaines pages, et sur mobile uniquement.

Average cost, total impact and popularity of the main third parties.

Sans aller jusqu’à ce que toutes les fonctions d’une même entreprise s’ancrent dans la même logique, le fait que les parties prenantes d’un projet soient raccord sur les intentions est une étape importante. Probablement la première à passer.

The deep dive helped our team develop best practices that we are able to apply to our work going forward. It also helped us refine a performance mindset that encourages exploration. As we develop new features, we can apply what we’ve learned while always trying to improve on these techniques.

WebPageTest is an online tool and an Open Source project to help developers audit the performance of their websites. […] But things can get difficult pretty quickly when dealing with Single Page Applications […] How can you get through a log in page? How can you test the performance of your users’ flow, when most of it happens client-side and does not have a specific URL to point to?

How to keep up on web performance? The world of web development changes rapidly and measuring and optimizing performance is no exception. We are often presented with new tools, APIs and techniques for building websites that load fast.

A comprehensive and documented article on images on the web, their use and optimization.

The open collection of tools and tutorials that helps dealing with complex design challenges.

Pour conclure, les 2 points à retenir à propos de Page Speed Insight qui est un bon outil, mais…

• des résultats sont à relativiser ;
• rien ne remplace l’œil et l’avis d’un.e expert.e pour savoir quelles optimisations appliquer et comment !

Pages Speed Insight propose ainsi un système de notation sévère qui pousse aux optimisations webperf - et c’est une bonne chose ! En effet, s’il ne faut pas le prendre au pied de la lettre (ou du chiffre), il invite malgré tout à réfléchir aux moyens d’améliorer ses temps de chargement.

So I often find myself looking at WebPageTest (WPT) waterfall charts, but as I seem to have the memory of a chimpanzee (not a goldfish, that’s a myth) I tend to forget some of the details and what they all mean. So I decided to pull together many bits of information into a single blog post I can then refer to at a later date.

Heart est un outil open-source et modulaire d’automatisation d’analyses de qualité web. Il met à contribution Mozilla Observatory, Qualys SSL Labs Server et Dareboost pour produire des rapports de qualité Web et les publier sur Slack.

Basé sur PHP Typography de KING­desk, l'outil permet de coller du texte à corriger en termes de microtypo, puis copier la version corrigée.

Besides enriching the lives of millions of persons with disabilities, practicing accessibility proactively protects your brand and bottom line.

Performance metrics are surprisingly challenging to get right.