⚡️ 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 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.
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
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.
⚡️💾 Web Performance Snippets
A curated list of snippets to get Web Performance metrics to use in the browser console