1
0
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:
jbranchaud
2016-10-17 08:32:28 -05:00
parent cb0319328c
commit 2c7398b81c
2 changed files with 20 additions and 1 deletions

View File

@@ -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

View 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.
![](http://i.imgur.com/EI3H9Oe.png)
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.