⚡️ WebPerf Tip

Preloading Resource Hint is a powerful tool for improving Performance and UX. However, it should be done only on critical resources, and unused resources should be avoided preloading.

#WebPerf #Performance #PerfTips

Avoid marking too many requests as high priority - "If all resources are a priority, none is a priority"

Selectively use the fetchpriority="high" attribute to prioritize only the most important resources, for example, the LCP image.

Marking too many requests as a high priority could mean important resources could be delayed, for example, requests that block rendering

#WebPerf #Performance #PerfTools #PerfTips

One more interesting tip I just saw in a followup thread:

Disable "Ambient Mode" on YouTube when running on Firefox in Dark Mode.

Apparently it's supposed to do some minor / somewhat negligible light-spillover effects onto the dark-mode background, but does so using client-side CPU.

Not sure if the perf impacts help on Windows, but it wouldn't hurt to disable this non-feature.

#Firefox #Youtube #PerfTips

https://news.ycombinator.com/item?id=35516534

If you're on a Mac and using FF (probably not FF specific), turning off "ambient... | Hacker News

⚡️💾 Web Performance Snippets

A curated list of snippets to get Web Performance metrics to use in the browser console

https://github.com/nucliweb/webperf-snippets

#WebPerf #Performance #PerfTips

GitHub - nucliweb/webperf-snippets: ⚡️ 💾 Web Performance Snippets

⚡️ 💾 Web Performance Snippets. Contribute to nucliweb/webperf-snippets development by creating an account on GitHub.

GitHub