Inspect Network Activity - Chrome DevTools 101

Chrome for Developers April 4, 2019
Video Thumbnail
Chrome for Developers Logo

Chrome for Developers

View Channel

About

The official Chrome for Developers YouTube account from Google. We want to help you build beautiful, accessible, fast, & secure websites that work for everyone, everywhere.

Video Description

Learn how to use the most popular Chrome DevTools features related to inspecting network activity, including: 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 Links mentioned in the video: Optimize Site Speed tutorial: http://bit.ly/2LemRYa Demo link: http://bit.ly/2OOSya5 Network panel filtering keywords: http://bit.ly/2YR85un Network panel reference: http://bit.ly/2IbIB5b Subscribe to the Chrome Developers channel for more episodes → http://bit.ly/ChromeDevs1

You May Also Like