My pals in BBC World Service have been doing some awesome work on "lite" versions of their news articles (other page types to follow).
They essentially skip the Server-Side React hydration which means you end up with a simpler HTML+CSS page, no JS.
Page sizes drop significantly:
~100 HTML elements, including 57 unique CSS class names across 83 attributes, 30 hidden DIVs, 3 iframes, 2 external script tags, 2 inline script tags, and 1 actual <img> tag.
the <img> is inside an iframe, nested 3 (!) levels of iframes deep.
🎉 WebKit is moving it's position on the Navigation API to "support" 1 🎉
Hopefully it'll get implemented soon! 🤞 (it's been GA in Chrome since May 2022)
If you're not already aware of it's benefits: it gives us a far better progressive-enhancement than intercepting click/submit events, where we lose the native browser loading-feedback and have to manually adjust history with the History API.
How and why did Wikipedia became a multi-datacenter deployment?
This is an introduction post chronicling our seven-year journey, the MediaWiki infrastructure improvements made along the way, and the reasons/benefits for each change.
Many developers/businesses seem to think that Interaction to Next Paint (INP) is only a problem starting March 12th... not that it's a metric surfacing a user experience problem YOU ALREADY HAVE and may have HAD FOR YEARS.
March 12th just happens to be when Google starts penalising you for it 🤦♂️
Date announced for WHEN we're officially making INP a Core Web Vital - 12th March 2024.
We'd previously just stated "March" but now have an actual date when in March. Mid-month so we've probably upset those assuming first of month, or end of month equally 😁
Going live on Twitch in ~30m for @luroapp Office Hours. Gonna show off our new Storybook integration + maybe a sneak peek at some new #a11y and #webperf enhancements as well.
💜 follow and 🔔 ring that bell, hope to see you there.
One of the teams I've been working with to climb the performance management maturity ladder is...Edge!?!
We build a lot of the browser out of web "stuff" these days (think bookmarks, history, downloads, settings, new-tab-page, etc.), and moving away from React to a modern Web Components + HTML-first architecture has had a huge benefit for users, particularly folks on low-end hardware:
Hi #PerfNow friends! To celebrate our 10th birthday, we’re offering an extra 10% off our annual price for new subscriptions – bringing your total annual discount to 30%. Plans start at just $11/mo.
Monitor important performance and UX metrics, including Core Web Vitals! Get alerts when your metrics suffer! Calculate the impact of performance improvements on your business!
Fresh off of #perfnow , my #webperf lightning talk on using tools at hand (CrUX to BigQuery to Google Sheets to Google Slides) to build a slide that you can link to management while keeping data in sync: https://youtu.be/9AwStx9wfxA