google-chrome 4 years ago

Chrome DevTools 101 | Inspect Network Activity

Learn how to use the most popular Chrome DevTools features related to inspecting network activity.

1:05 - View a chronological log of all network activity

3:26 - Show or hide columns in the Network Log

3:46 - Throttle network activity to simulate mobile experiences

4:46 - Inspect individual network resources in depth

5:23 - Search HTTP headers and response bodies

6:05 - Filter out resources you don't care about

7:51 - Block network requests


Optimize Site Speed tutorial: https://developers.google.com

Demo link: https://devtools.glitch.me

Network panel filtering keywords: https://developers.google.com

Network panel reference: https://developers.google.com

Google
2008 - present