This is so great that #CloudCannon is now sponsoring #Eleventy, and hiring @[email protected] as a Developer Advocate! 🥳
https://cloudcannon.com/blog/cloudcannon-the-official-cms-partner-of-eleventy/
Notes
-
-
Who would have thought linking to another Web page was so difficult… 🤷♂️
-
Cloudflare in “Faster website, more customers: Cloudflare Observatory can help your business grow”:
The generated report provides an overall performance score ranging from 1 (least performant) to 99 (most performant)
First try on my photography site: 100 🤷♂️😅
Joke aside, new tools to audit performance are always welcome!
-
I'm really worried about #WebPageTest, right now… 🤨
-
The
mediaattribute is back into the spec for<video>'s<source>! 🥳https://github.com/whatwg/html/pull/9341
Let's hope
srcsetandsizescome next, but this needs a new issue:
https://github.com/whatwg/html/issues/6363#issuecomment-1564464346 -
Apparently, an image whose part above the fold is indeed the largest, but of which only a small part can be seen, can be considered an LCP element, even if another image has a larger part visible... 😭
You can see this for my photography site in this WebPageTest result:
https://www.webpagetest.org/vitals.php?test=230606_BiDcN4_4NJ&run=3&cached=0#lcp
-
Looks like we will soon have JPEG XL in Safari! 🥳
-
Looks like
<link rel="preconnect" …>will start working again in Firefox 115! 🥳 -
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
Filter by year and month to see more notes.