Improving Load Performance - Chrome DevTools 101 - YouTube
Follow along using the transcript. Follow along using the transcript. Log in to vidIQ 💡 Free AI-powered Daily Video Ideas 📈 Boost your YouTube Views 🔍 Discover hidden Secrets of YouTube Don't have an account? Sign up
This tutorial shows you how to use Chrome DevTools to find ways to make your pages load faster. Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment by adding one change at a time, and then measure each change to make sure that each is actually improving your speed. You can use this workflow to improve the speed of any page. This tutorial covers some of the most common causes of slow site speed, including lack of text compression, large images, render-blocking resources, and…
saved by
related reading
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- abseil / Performance Hintsabseil.io
- Analyzing Critical Rendering Path Performance | Articles | web.devdevelopers.google.com
- JavaScript Loading Priorities in Chromeaddyosmani.com
- GitHub - GoogleChrome/lighthouse: Automated auditing, performance metrics, and best practices for the web.github.com
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- The Design of This Websiteturntrout.com
- Case study: Analyzing Notion app performance · PerfPerfPerf3perf.com
- Run scripts on every page | Get started | Chrome for Developersdeveloper.chrome.com
- Preload critical assets to improve loading speed | Articles | web.devweb.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- This page weighs 15kb - macwright.commacwright.com