In this video, we're going to show you how to use the Chrome DevTools Network Tab for analysing network activities. This will help you to get a deeper understanding of the code that's running on your website.
If you're new to debugging with Chrome DevTools, then this video is for you! We'll show you how to use the Network Tab to explore the the resources accessed by your website, and help you to load your website faster!
00:00 - Introduction
01:30 - Record network activity
02:35 - Preserve log
03:15 - Activity table
04:00 - Sorting network requests
05:50 - Request detailed view
07:50 - Request dependencies
10:22 - Network settings
13:14 - Filtering requests
18:46 - Fetch/XHR
20:23 - Network search
23:02 - Network throttling
25:30 - Clear cache/cookies
26:10 - Request blocking
28:40 - HAR Export/Import
