Looks like <link rel="preconnect" …> will start working again in Firefox 115! 🥳
Notes
-
-
General question about synthetic performance monitoring:
How do you define the device/network settings of your tests?
- Do you use low end devices / bad network to easily detect issues?
- Or do you try to be close to your RUM data, to have more predictability when you deploy changes?
I usualy do the former, but I think both could be useful.
-
Who still thinks writing a Service Worker for basic features (performance with cache, offline fallback) is cumbersome?
Using #Workbox recipes make it so easy!
Here's the Service Worker for https://pack11ty.dev 😍
https://github.com/nhoizey/pack11ty/blob/main/src/assets/js/service-worker.js
-
Oh… you need to quickly start a new #Eleventy project on your computer?
Asuming you already have
npminstalled, here's how to use my Pack11ty starter/plugin:npm create [email protected] your-project-nameEasy enough? 😁
Details on https://pack11ty.dev with other solutions for Netlify, Vercel, StackBlitz, etc.
-
I really like to see that all browser vendors agree with @[email protected] that we need
@media,srcsetandsizesfor<video>as for<img>/<picture>! 🤩 -
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using
object-fit: cover;in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many<source>in a<picture>? -
TIL:
a:linkin CSS doesn't matchaelements without anyhrefattribute! 😲https://codepen.io/nhoizey/pen/dyggeOJ
It makes sense, but I never use
aelements withouthrefattributes (different from#of course), so I didn't know… 🤷♂️ -
Limiting the image density on mobile devices drasticaly improves performance, with no visual loss, so we did it!
I still wish it was much easier than dealing with
<picture>andxdescriptors for fluid images… 😞With a
<img maxdensity="2.5" …>attribute for example!If you agree, comment:
https://github.com/whatwg/html/issues/4421 -
If someone is creating service workers with #Workbox recipes and injectManifest, a build with #esbuild, and doesn't have any issues, I'm interested! 😅
I have a very strange issue:
https://github.com/GoogleChrome/workbox/issues/3207
Bonus points if this is with #Eleventy
-
Why would anyone use the
pathpackage from npm instead of Node’spathmodule?https://www.npmjs.com/package/path
Just found it in one of my own projects, where I'm the only contributor… 😅
Filter by year and month to see more notes.