Inspect Network Activity – Chrome DevTools 101

Inspect Network Activity – Chrome DevTools 101

HomeOther ContentInspect Network Activity – Chrome DevTools 101
ChannelPublish DateThumbnail & View CountActions
Channel AvatarPublish Date not found Thumbnail
0 Views
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

Please take the opportunity to connect and share this video with your friends and family if you find it useful.