diff --git a/README.md b/README.md index 3d22245..7de3d66 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/chrome/simulating-various-connection-speeds.md b/chrome/simulating-various-connection-speeds.md new file mode 100644 index 0000000..379e42f --- /dev/null +++ b/chrome/simulating-various-connection-speeds.md @@ -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.