From the course: Learning Chrome Web Developer Tools

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Emulate mobile connections

Emulate mobile connections - Chrome Tutorial

From the course: Learning Chrome Web Developer Tools

Start my 1-month free trial

Emulate mobile connections

- [Instructor] You can use the Chrome DevTools Network panel to view your site's performance loading from a local HTTP server or from the cloud. However, an end user's connection speed can also have a significant effect on their experience of your site. You can use DevTools to simulate how the site performs over slower internet connections. On the Network panel, I have a Throttling menu, which defaults to Online. This equates to using my computer's connection to its full potential. When I click the arrow for this menu, I have a few other throttling options. There's a few presets, Fast 3G, Slow 3G, and Offline. There's also an option at the bottom for Custom settings. To start, I'm going to click the arrow again to keep the setting at Online for no throttling. I'll do a hard reload to force the assets to redownload. Overall, the page load time is reasonable, and the page is available pretty quickly. Now I want to compare…

Contents