Critical Path CSS, Totally Tooling Tips (S2 Mini Tip #1)
Channel: Chrome for Developers
Date: 21/10/2015

Optimising for the critical path is super important, check out a quick tip from Addy and Matt on testing and defining it.

Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf

Links:

0:10 - Critical Path CSS
https://developers.google.com/web/fundamentals/performance/critical-rendering-path/, 

0:41 - DevTools network throttling
https://developer.chrome.com/devtools/docs/device-mode#network-conditions, 

0:55 DevTools Timeline Screenshots mode - https://developers.google.com/web/updates/2015/07/devtools-digest-film-strip-and-a-new-home-for-throttling?hl=en

Critical Node modules
http://github.com/addyosmani/critical (walkthrough: http://www.smashingmagazine.com/2015/08/understanding-critical-css/) and also https://github.com/pocketjoso/penthouse

Remote styles bookmarklet: https://gist.github.com/gauntface/0c9a02de2ea261aef0ec#file-toggle-remote-styles-js

Udacity Web Performance/Critical Path course https://www.udacity.com/wiki/ud884