CSSconf EU 2014 | Addy Osmani: CSS Performance Tooling

You've learned the concepts, now meet the tools. High-performance sites need to feel instant and deliver the goods in less than 1000ms. In this talk, learn about the bleeding edge tools that can automate keeping your CSS on the fast path. Automate generating critical-path CSS, removing unused CSS, discovering duplicate selectors, colors and more.
Along the way, we might even optimize a well known conference site and send them a pull request to help keep the web fast. The tools we'll discuss can be used with Grunt, Gulp, Make or horse so strap yourself in and get ready for a ride into the crazier side of CSS performance optimization.
ADDY OSMANI
Addy Osmani is an engineer at Google focusing on tools to help improve developer productivity and satisfaction. He works with the Chrome team on projects like Polymer and is the the lead engineer on Web Starter Kit and Yeoman. He is known for his in-depth articles on web application architecture and the front-end.
Outside of Google, Addy enjoys hacking on open-source projects like TodoMVC, Grunt-UnCSS and Critical. He has authored books on JavaScript design patterns and Backbone.js.
/ addyosmani
addyosmani.com/

[@aBamieh]

Thanks Addy. YOU'VE been great

[@saidhayani9834]

Wow great video thanks Addy

Very interesting talk! Casper and phantomjs are awsm! ;)

[@weigong9300]

good !

[@ethanobrien9747]

why does load time jump down to 1.3 seconds @20:51 and then go back up when reviewing the next optimization?

[@dsulvadarius]

wow!'

[@djSeakDigital]

Can you not use the static image and then replace it with the gif once the page has finished loading?

[@josephdias92]

who are this two people who unliked this video?

[@artmax1998]

3rd one is me

[@Irshu]

this is Addy Osmani? i thought he looked Iranian