mirror of
https://github.com/jbranchaud/til
synced 2026-01-03 07:08:01 +00:00
Add Simulating Various Connection Speeds as a chrome til
This commit is contained in:
@@ -7,7 +7,7 @@ variety of languages and technologies. These are things that don't really
|
||||
warrant a full blog post. These are mostly things I learn by pairing with
|
||||
smart people at [Hashrocket](http://hashrocket.com/).
|
||||
|
||||
_482 TILs and counting..._
|
||||
_483 TILs and counting..._
|
||||
|
||||
---
|
||||
|
||||
@@ -39,6 +39,7 @@ _482 TILs and counting..._
|
||||
|
||||
- [Pretty Print Tabular Data](chrome/pretty-print-tabular-data.md)
|
||||
- [Reference The Selected Node](chrome/reference-the-selected-node.md)
|
||||
- [Simulating Various Connection Speeds](chrome/simulating-various-connection-speeds.md)
|
||||
|
||||
### Clojure
|
||||
|
||||
|
||||
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