Chrome DevTools Just Got Better: Use Live Metrics & AI to Tame Web Performance
For those who have ever wondered about the performance of a webpage, I attended Google I/O and have shared the details in this post. Firstly, I have often been put off using chrome developer tools for performance because of the intimidating set up whereby chrome developer tool records the loading of a webpage and then provides what is called a performance trace, as shown in screenshot. Nerds may love this, but this induces many including myself into having a thousand-yard stare. Analysis required a degree in computer science that is absent here and for most. Alternative to chrome developer tools: webpagetest.org Instead, I personally used https://www.webpagetest.org/ for situations where analysis was needed on these types of projects and avoided using lighthouse and indeed interacting with chrome developer tools to a large degree. The webpagetest tool provided screenshots and video captured as the page loads, page performance and core web vitals information for the page. All...