1 private link
There’s an tendency at times for organizations to treat performance as a checklist of sorts, particularly as we’ve seen the core web vitals metrics bring more attention to performance than ever before. You try to tick the box on those metrics to get them green, then call it a day. (This organization, to their great credit, did not do that.)
But none of that matters if those metrics aren’t painting a complete picture of how users interact with our sites.
Performance, like accessibility, is not about conformance.
It’s not about a checklist.
It’s not even about simply making things fast.
It’s about providing a better experience for the people using our sites and applications to make sure they can efficiently accomplish their goals. Doing that requires that we pay close attention to what those goals are, how they are trying to achieve them, and then making sure that the way we measure performance matches up.
Shadé Zahrai is a global peak performance educator with a knack for blending research, best practices, and moral underpinnings into actionable strategies that supercharge success.
As the co-founder and director of Influenceo Global, a positive-leadership hub she runs with husband Faysal, she trained and transformed leaders and teams - from spirited startups to iconic Fortune-500s. Their mantra? Invigorate cultures, amplify change-readiness, fortify engagement, and fuel performance.
With her courses, over 4 million learners have tapped into their potential. Her educational videos? They've been viewed over a staggering 100 million times and counting!
Right now as a scholar-practitioner, she's diving into a PhD that explores personality and career performance.
Shadé's mission is to help people get unstuck and confidently take charge of their life and career with ease and simplicity.
How you order elements in the <head> can have an effect on the (perceived) performance of the page.
This script helps you identify which elements are out of order.
A beautiful letter to progressive enhancement.
One of the hardest questions to answer related to Core Web Vitals is how to masure them in a Single-Page Application (SPA).
A map of accessibility laws by country/region.
"Using Playwright to Monitor Third-Party Resources That Could Impact User Experience", Stefan Judis (@firstname.lastname@example.org)
While implementing third-party resources has downsides for performance and you should self-host your assets when possible, sometimes relying on external files is unavoidable. But be warned — using them can sometimes cause real headaches.
The only thing React is better at than other front-end frameworks is being popular. So how long will that self-perpetuating cycle continue?
Numéros de téléphone réserver aux œuvres de fiction :
- 01 99 00
- 02 61 91
- 03 53 01
- 04 65 71
- 05 36 49
- 06 39 98
Décision n° 2018-0881 du 24 juillet 2018 de l'Autorité de régulation des communications électroniques et des postes établissant le plan national de numérotation et ses règles de gestion
New web services are being built to a self-defeatingly low UX and performance standard, and existing experiences are now pervasively re-developed on unspeakably slow, JS-taxed stacks. At a business level, this is a disaster, raising the question: why are new teams buying into stacks that have failed so often before?
An updated overview of image loading optimization methods to improve LCP.
I guess the point I’m making in a way here is that I could never win a “dev race” because it takes me ages to even get to the point of writing code and that’s been the case for a lot of years now. The benefit to being like this though is I get to put out fires before they even start.
See also CSS tricks
Drag-and-drop a trace (or select a file)
We'll upload it and give you a shareable URL, with the Chrome DevTools Performance Panel…
Traces expire after 90 days. 🕶
"Our top Core Web Vitals recommendations for 2023", Philip Walton (@email@example.com), Rick Viscomi (@firstname.lastname@example.org), Barry Pollard (@email@example.com), Brendan Kenny (@firstname.lastname@example.org), Jeremy Wagner (@email@example.com)
In short, we wanted our list of top web performance recommendations to focus on:
- Recommendations we believe will have the largest real-world impact
- Recommendations that are relevant and applicable to most sites
- Recommendations that are realistic for most developers to implement
Priority Hints are used to indicate to the browser the relative priority of a resource. I take a deep dive into how you can improve your Largest Contentful Paint by using fetchpriority.
Designing, developing or leading a web project (or an app) have inherent constraints, and adding to them might take time and resources you do not have. On the other hand, avoiding non-quality can bring you much in lost revenue through better position on search engines, better compatibility, speed and accessibility leading to a lesser quit rate, or better word-of-mouth following great after-sale service.
La microtypographie, bien appliquée sur votre site Web peut grandement améliorer la lisibilité. Regardons de plus près comment ça fonctionne !