Google Fonts now offers 112 variable fonts. A great way to save additional requests and many KBs: fonts.google.com/?vfonly=true x.com/TILperf/status…

This is pretty bonkers: “Partytown is able to sandbox and isolate third-party scripts within a web worker and allow, or deny, access to main thread APIs. This includes Cookies, localStorage, userAgent, etc.”

Meet Common Easily click to copy unicodes that are commonly used when designing interfaces. → common.wtf

Performance tip: make your page load feel more instant by using priority hints to help the browser prioritize the most critical resources More you can do with priority hints in 🧵:

📖 My first article in over a year! A slightly more detailed look at optimising LCP and its many candidates: csswizardry.com/2022/03/optimi…

Optimising for Core Web Vitals on a SPA? There are some interesting nuances to how you should measure & optimise. I've written up some thoughts on LCP, CLS and FID which are relevant specifically to #WebPerf on SPAs. simonhearne.com/2022/core-web-…

So many perf gems in this article series by Taylor Hunt: "Making the world’s fastest website, and other mistakes" dev.to/tigt/making-th…

TL;DR: Overall, for the same visual quality, JPEG XL is ~17% smaller than AVIF, which is ~17% smaller than WebP, which is ~17% smaller than JPEG.

A modern (2023), scalable version of the Simple CSS Toggle Switch: codepen.io/danklammer/pen…

Browse faster on your iPhone with this one simple trick: Settings > Safari > Advanced > Experimental Features > HTTP/3 en.wikipedia.org/wiki/HTTP/3

instant.page 5.2 is out 💫 – 5.2 notably “fixes” (disables) preloading not being used on Shopify sites in Chromium < 110. – It improves preloading speed by using fetchpriority. – The source code is now fully annotated. Full changelog: instant.page/changelog

I have published a website with Web Performance Snippets to make it more user-friendly, more orderly, and with a search feature ⚡️💾 webperf-snippets.nucliweb.net #WebPerf #Performance #PerfTools

Browsers can switch pages instantly when you press Back. They save a memory snapshot of the JS environment and the DOM to disk and simply launch the environment back. web.dev/bfcache/ Check that your code is ready for this. For example, re-loads data from localStorage.

Today, I'm excited to announce Static ⚡️🎉 A simple static site generator with first party support for Tailwind CSS. In cases where site generators are overkill and manually creating an HTML site feels overly basic, Static is exactly what you need 😘 static.devdojo.com

CSS can FINALLY animate height: auto!

Custom fonts are killing performance, but what can we do about it? There is a way - it's called Modern Font Stacks. No Downloads, no layout shifts, no flashes - just instant renders. Now, in Webstudio - learn all about it wstd.us/modern-font-st…