Inautilo#Development #Libraries
Obs.js · Context-aware delivery for faster web experiences https://ilo.im/16bsin
_____
#Connection #Battery #Capabilities #Devices #Content #WebPerf #WebDev #Frontend #CSS #JavaScript
Alex HoyauMy small webstudio just got a new website \o/
https://internet2000.net/
Made by @ceubri best no-code web designer of the whole internet (also the best best friend ever). Design by moly, Internet 2000 founder
Powered by awesome @11ty and self-hosted @silex
#webperf #foss #opensource #webDev #webdesign #selfhosted #selfhosting
PixelForge StudioFree performance win most devs miss:
Add loading='lazy' to every image below the fold.
Before: page loads all 20 images at once (3MB)
After: loads only what's visible (200KB initial)
One line of HTML. Massive difference on mobile.
<img src='hero.jpg' loading='lazy' alt='...'>
Works in all modern browsers. No JS needed.
Timo TijhofWikiApiary is back online after having been down and overloaded for a long time.
Bawolff brought it back and did a ton of full stack performance work to optimise the whole system. Adding HTTP caching, tuning InnoDB, and more!
https://blog.bawolff.net/2026/03/giving-wikiapiary-kick.html
#MediaWiki #WikiApiary #Wikibase #Wikidata #VinylCache #VarnishCache #MariaDB #MySQL #webperf #SRE
Jason GrigsbyThe various GLP-1 medications are amazing. Tirzepatide has made a huge difference in my life. We need something like it for the web.
https://cloudfour.com/thinks/weight-loss-and-the-world-wide-web/
#Development #Analyses
When the wrong demos go viral · Pretext reframes how we think about text rendering https://ilo.im/16bs49
_____
#Layout #Canvas #Text #JavaScript #Library #Accessibility #WebPerf #WebDev #Frontend #DOM
Nicolas Hoizey“Obs.js – context-aware web performance for everyone” by @csswizardry
🔗 https://csswizardry.com/Obs.js/demo/
> Obs.js reads a handful of browser signals (Navigator and Battery APIs) to infer connection strength, battery status, and device capability. It exposes those signals as CSS classes on the `<html>` element, and as properties on window.obs, so you can adapt delivery accordingly: serve lower-resolution media, forgo web fonts, disable…
⚓️ https://nicolas-hoizey.com/links/2026/03/30/obs-js-context-aware-web-performance-for-everyone/
Dan ⁂i know people love designing, branding, and styling things, but some time here with somewhat slower internet made me value text-based emails and slim websites
most times it was easier to ask the perplexity app and see the text result than wait for a slow search page to load plus subsequent slow sites
“Low- and Mid-Tier Mobile for the Real World (2025)” by @csswizardry
🔗 https://csswizardry.com/2025/08/low-and-mid-tier-mobile-for-the-real-world-2025/
> It’s important to remember that ‘low-tier’ does not mean old. Likewise, ‘mid-tier’ does not mean ‘a flagship from 2018’. They are a device class in their own right and it’s perfectly possible for your users to be using brand new low-tier devices. As such, we needn’t look to the past for our benchmarks.
⚓️ https://nicolas-hoizey.com/links/2026/03/30/low-and-mid-tier-mobile-for-the-real-world-2025/
#Development #Guides
How to use CSS containment · An underused technique to improve UI interactivity https://ilo.im/16brsp
_____
#CSS #Rendering #Browsers #Interactivity #DesignSystems #WebDesign #WebPerf #WebDev #Frontend #DOM