Record and analyze a performance trace #DevToolsTips

https://www.youtube.com/watch?v=7A70hBrPL4I

#WebPerf #PerfTools

Compare how your website looks with and without JavaScript

https://www.debugbear.com/test/noscript/ by @debugbear

#WebPerf #PerfTools #PerfDebugging

🤩 New in Google Chrome Version 135 (Canary)

Now, we can calibrate our computer to emulate low-tier and mid-tier mobile phones in CPU throttling.

This great feature helps us improve the web performance by emulating more accurately.

Thank you, Chrome DevTools Team 🥰

#WebPerf #PerfTools #DevTools #Performance

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

Debug network requests, source files, and performance traces with Gemini

https://developer.chrome.com/blog/new-in-devtools-132/#ai-assistance

#WebPerf #Performane #PerfTools #AI

Web Performance Audit: Early Hints, Hydration State, and a Lazy Loaded LCP Image

https://www.youtube.com/watch?v=gnol1gWfKaA

#WebPerf #Performance #PerfTools

Don't miss this great talk by @daniel, a reference in the Open Source Community

Unpacking Bundling at @perfnowconf
https://www.youtube.com/watch?v=HxenDhBircw

#WebPerf #PerfTools #Performance #perfnow

speedscope
🔬 A fast, interactive web-based viewer for performance profiles.

https://github.com/jlfwong/speedscope

#WebPerf #PerfTools #Performance

If you need to check for Web Performance issues in a React project, take a look at React Scan, a tool that highlights re-rendered components

https://react-scan.million.dev/

#WebPerf #PerfTools #React

Page Speed Benchmarks, by @speedcurve, is an interactive set of dashboards anyone can explore and use for their research

https://app.speedcurve.com/benchmarks/

#WebPerf #Observability #PerfTools