Pour maintenir un certain niveau de qualité vis-à-vis des performances sur un projet, il est important que toutes les parties prenantes y soient sensibilisées. Cela inclut les développeur·se·s, mais aussi les chef·fe·s de projet, les designer·euse·s, l’équipe marketing, et toutes les personnes qui participent au développement du projet. Il est également important de mesurer l’impact sur les performances des nouveaux développements.

When you need to work on interfaces, color contrast is a real thing you have to take into account to make it accessible. You have the right to be afraid of losing part of the aesthetics of your beautifully well designed interface, and you are right if you are used to poor contrast ratio. Accessibility comes with its constraint, but not much more than UX (User Experience) Design.

In this article, I will attempt to demystify the high-level strategies of the most popular CSS-in-JS libraries, discuss the performance issues they may introduce on occasion and finally consider techniques that we can employ to mitigate them.

À l’heure de la dématérialisation complète des services publics, de « l’entreprise digitale », de la prévalence des services web au détriment des guichets physiques, se dessine sous nos yeux une société à deux vitesses.

Mon objectif est de valider en cinq minutes qu’une application allait tenir une charge importante. Et ça, en faisant d’abord un burst violent puis un flow constant de requêtes. Facile à utiliser et avec un minimum de statistiques : faites place à Vegeta.

The issue of Web Performance adoption is not related to a lack of tools, but to a lack of incentives.

• JAMstack
• Web Assembly
• Edge Compute
• Observability
• Browser Platform Improvements
• Web Monetisation

In parts 1–3 we covered various ways that we optimized the loading patterns of the critical path static resources and data queries. However there is another key area we haven’t covered yet that’s crucial to improving web application performance, particularly on low-end devices — ship less code to the user — in particular, ship less JavaScript.

Since we’re already pushing data to the client at the earliest possible time in the page load — the only faster way to get data to the client would be to not have to fetch or push any data at all.

L’excès de JavaScript dégrade fortement l’expérience de navigation sur un site mobile, et je constate que personne ne pense à vérifier les performances sur tous les devices - encore moins ceux d’entrée de gamme. Pourtant ce sont les premiers à être bloqués si les JS ne sont pas optimisés
[…]
Les résultats de cette étude ont montré que, en dehors des 51 % de l'ensemble des visiteur.se.s qui disposent d’un iPhone ou d’un iPad, 30 % ont un smartphone d’entrée de gamme qui peut même être très vieux. C’est une part du trafic non négligeable pour qui l’expérience de navigation doit être la plus fluide possible !
<cite>Jean-Pierre Vincent</cite>

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?