mirror of
https://github.com/jbranchaud/til
synced 2026-01-04 23:58:01 +00:00
Add Simulating Various Connection Speeds as a chrome til
This commit is contained in:
18
chrome/simulating-various-connection-speeds.md
Normal file
18
chrome/simulating-various-connection-speeds.md
Normal file
@@ -0,0 +1,18 @@
|
||||
# Simulating Various Connection Speeds
|
||||
|
||||
I spend everyday building web apps from a machine that has a wired
|
||||
connection to the internet. Though I spend a lot of time loading various
|
||||
pages and experiencing the app like a user might, I end up having a pretty
|
||||
narrow perspective. What will this app be like for people on various
|
||||
qualities of mobile connections?
|
||||
|
||||
Chrome has a feature built in to its devtools that makes it easy to throttle
|
||||
your connection to simulate various speeds. Open up devtools with
|
||||
`Cmd+Opt+J`, navigate to the _Network_ tab, and then open the throttling
|
||||
drop down.
|
||||
|
||||

|
||||
|
||||
From here we can select the connection speed we want to simulate. If we then
|
||||
reload the page, we will not only experience the page load at that speed, we
|
||||
will also see the numbers in that _Network_ tab.
|
||||
Reference in New Issue
Block a user