Critical Path CSS, Totally Tooling Tips (S2 Mini Tip #1)

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=korrJRyCSDA


Duration: 2:44
13,245 views
217

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



Other Videos By Chrome for Developers


2015-11-11What about internationalization? #AskPolymer -- Polycasts #33
2015-11-11Windows Command-line Tooling, Totally Tooling Tips (S2, Ep4)
2015-11-05Jai's Web blog - Supercharged
2015-11-04Supercharged Observers! -- Polycasts #32
2015-11-03Jake Beats Wikipedia - HTTP203
2015-10-30Chrome Developers Channel Trailer
2015-10-28Where’s the Designer? #AskPolymer -- Polycasts #31
2015-10-28Sublime Shortcuts, Totally Tooling Tips (S2 Ep3)
2015-10-22Player FM - Supercharged
2015-10-21Binding to Objects -- Polycasts #30
2015-10-21Critical Path CSS, Totally Tooling Tips (S2 Mini Tip #1)
2015-10-20Paul Built A Web App - HTTP203
2015-10-14#AskPolymer: How do you make the show? -- Polycasts #29
2015-10-14Sublime Snippets, Totally Tooling Tips (S2 Ep2)
2015-10-13Chrome 46: New motion-path animations, client hints and service worker improvements
2015-10-13Highlights from the Polymer Summit 2015
2015-10-08The Future of Web Audio: with Chris Wilson and Chris Lowis
2015-10-08The Guardian part 2 - Supercharged
2015-10-07Data Binding 101 -- Polycasts #28
2015-10-06The Future of JavaScript - HTTP203
2015-09-30#AskPolymer: Rob answers all the questions ever -- Polycasts #27


Tags:
TTT
Tips
Tooling
web
critical path
css
Product: web
Location: LON
Team: DPE
Type: Screencast
GDS: Full Production
fullname: Addy Osmani
fullname: Matt Gaunt