Feeling overwhelmed by which #webperf / #ux metrics to track? Then this chart is for you.
As you can see, there's no single perfect 
metric – and each one has caveats – but if you start with this set, you'll cover a lot of important bases.
Learn more here: https://www.speedcurve.com/web-performance-guide/glossary-of-web-performance-metrics/
We 
great people building apps that empower other folks to use our tools! The new open‑source #Magento module – from @jesperingels and the team at Bluebird Day – lets you integrate our real user monitoring into your Magento project in minutes – no coding required!
Discover the benefits of gathering real user data, plus how to get started: https://www.speedcurve.com/blog/real-user-monitoring-magento/
In a little over 24 hours I'll be presenting an introduction to diving into the web performance data in the Chrome User Experience Report (CrUX) and HTTP Archive related to how I built Theme Vitals. Come join us!
Developing the twom database for Cyrus IMAP,
by Bron Gondwana at Fastmail (@fastmail).
"""
TIL: fcntl isn’t fair. Releasing the lock didn’t magically let a waiting writer proceed, the same process would often pick up the lock again without giving another process a chance. On busy files, writers could entirely starve.
"""
One of the most fun parts of my job is compiling the monthly @speedcurve newsletter – which I just noticed has hit 16K subscribers!
The June edition comes out next week. You can sign up and check out the archive full of #webperf, #ux, and #seo goodness here: https://www.speedcurve.com/newsletter/
#Development #Guides
How to use the browser console · An in-depth guide to Chrome DevTools’ console features https://ilo.im/164lkb
_____
#Logging #Debugging #Console #DevTools #Chrome #Browser #WebPerf #WebDev #Frontend #JavaScript
Exciting news for our Shopify customers! Now it's easy to enable RUM in your storefront – no coding or dev time required!
With the SpeedCurve RUM app – developed by our friend and Shopify expert @sia – you can:
Track metrics like Core Web Vitals Identify and fix performance issues Measure the impact of site speed on business metrics, like conversion rate Fight regressions and stay ahead of page slowdowns
May data is now live on Theme Vitals: https://themevitals.com/
See how your Shopify theme performance across Core Web Vitals and other web performance metrics!
There are SO MANY #webperf charts! If you feel overwhelmed, start with these three:
CORRELATION CHART – #sitespeed and business metrics
WATERFALL CHART – how and when elements on your page render, so you can see why pages are slow
COMPETITIVE BENCHMARKS – how fast you are compared to competitors
I talked about these charts (and a lot more!) at @webexpo recently. You can watch my talk here: https://slideslive.com/39043166/connecting-the-dots-between-site-speed-user-happiness-and-business-success
Browser CPU consumption is a major cause of a poor #UX. The main culprit? #JavaScript execution. Now you can monitor Long Animation Frames (LoAFs) and fix the third parties and other scripts that are hurting your page speed!
https://www.speedcurve.com/blog/long-animation-frames-support/
We checked the WebPerformance of Nintendo's website before Sunday’s delivery. Everything looks good!
Take a look at the report:
https://webperformancereport.com/report/wpt/250606_BiDc9T_EET?utm_source=webperfreport&utm_medium=mastodon
#webperf #crux #corewebvitals #ux #seo #nintendo
AI had a fever dream about a brand-new Core Web Vital. 
I'm not going to call out the tech company blog where I saw this. I'm posting it as a cautionary tale about using ChatGPT to write about subject matter that's outside your wheelhouse.
Finally, the definitive explainer for Long Animation Frames! Not sure what Long Animation Frames (aka LoAF) are, nor why they're crucial for quantifying and optimizing the JavaScript that's hurting your user experience? This brilliant guide by @andydavies covers:
Why frame rate matters Anatomy of a LoAF Key LoAF milestones & what to do with milestone data How to connect LoAF & INP data How to get started
https://www.speedcurve.com/blog/guide-long-animation-frames-loaf/
I do a LOT of talks about the connection between site speed, UX, and business success. The version I gave at @webexpo last week is my favourite so far. You can watch it here: https://slideslive.com/39043166
Topics included:
Quantifying "web stress" Measuring business impact Optimizing the critical rendering path
Thanks again to everyone who came to my #WebExpo talk about the intersection of site speed, UX, and business metrics – and how to make a data-driven business case for investing in web performance. And thank you to Šárka and Steven for inviting me! I had a wonderful time!
My slides are up. If you have any questions or feedback, I'd love to hear from you!
#Development #Inspirations
Reading 2,000 web pages · What we can learn from reading others’ source code https://ilo.im/1646bg
_____
#SourceCode #Webpages #Website #Browser #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
#Development #Techniques
Pick characters for font subsetting · A JavaScript snippet to help you with the hand-picking https://ilo.im/1645x8
_____
#Subsetting #Font #FontDrop #Glyphhanger #WebPerf #WebDev #Frontend #JavaScript
With my personal site setup using my @astro integration for using service workers, invalidating the cached resources in the browser is simply incrementing a property in the config:
https://git.sr.ht/~ayoayco/ayco.io-astro/commit/27d3efc
https://ayco.io/n/@ayco/astro-sw
