Chrome DevTools Timeline's new Frame Mode
Sign in to YouTube
Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to like ChromeDevelopers's video.
Sign in to YouTube
Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to dislike ChromeDevelopers's video.
Sign in to YouTube
Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to add ChromeDevelopers's video to your playlist.
Published on Apr 30, 2012
The Timeline panel's new Frame Mode, aka Vertical Timeline, gives you a powerful tool for diagnosing visual "jank" in your apps. You'll quickly be able to tie visual slowness back to your script so you have an idea where to improve things.
-
Category
-
License
Creative Commons Attribution license (reuse allowed)
Loading...
Loading...
Loading...
The interactive transcript could not be loaded.
Loading...
Loading...
Ratings have been disabled for this video.
Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Loading...
-
10:20
Episode 33 - Krushna as Actor Rahul Roy and Sudesh - Comedy Circus Ka Naya Daurby DHAMAKA REFeatured
343,496
-
52:30
HTML5Rocks Live, Episode 4by ChromeDevelopers
1,673 views
-
50:16
HTML5Rocks Live, Episode 2by ChromeDevelopers
-
21:57
WebAnimationsby ChromeDevelopers
241 views
-
0:48
Chrome Apps: a quick network demoby ChromeDevelopers
3,325 views
-
18
videos
Play all
schgoogleby vangooey
-
1:04:20
Paul Irish on HTML5 Boilerplateby MarakanaTechTV
105,233 views
-
55:25
Google I/O 2012 - Jank Busters: Building Performant Web Appsby GoogleDevelopers
15,477 views
-
28:48
HTML5 Dev Conf: AngularJS, a Framework for Web Applicationsby MarakanaTechTV
10,769 views
-
1:32:01
BEATING RETREAT - 29 JANUARY, 2013 - LIVE FROM VIJAY CHOWK - NEW DELHI - 4.45 pm (IST) onwardsby DoordarshanNational
27,183 views
-
59:41
Google I/O 2012 - Chrome Developer Tools Evolutionby GoogleDevelopers
33,918 views
-
45:49
DEFCON 19: Hacking Google Chrome OS (w speaker)by Christiaan008
17,360 views
-
53:13
+Chrome Developers Hangout: Dev Toolsby GoogleDevelopers
6,376 views
-
28:40
HTML5, CSS3, and DOM Performanceby GoogleDevelopers
60,746 views
-
8:51
RubyMotion: Introduction Videoby hipbyte
6,166 views
-
1:08:20
Structural and Sampling (JavaScript) Profiling in Google Chromeby GoogleDevelopers
5,556 views
-
1:49:55
Douglas Crockford: The JavaScript Programming Languageby yuilibrary
83,017 views
-
26:18
JSConf2012 - Paul Irishby JSConf EU
508 views
-
1:03:47
JavaScript: The Good Partsby GoogleTechTalks
311,968 views
-
57:25
GTAC 2011: The Latest in Google Test Toolsby GoogleTechTalks
11,090 views
-
2:49:00
Google Developers SXSW Lightning Talksby GoogleDevelopers
52,397 views
- Loading more suggestions...
All Comments (22)
sanbaldo 1 week ago
great video!!!!! thanks a lot
Sign in to YouTube
Sign in to YouTube
RAKESH HOLKAR 2 months ago
cool
Sign in to YouTube
Sign in to YouTube
Johan Sundström 5 months ago
Any url to the before/after js from the video?
Sign in to YouTube
Sign in to YouTube
Paul Irish 9 months ago
True! In fact, requestAnimationFrame just shuts off in a background tab. It goes to 0fps. Also any setIntervals drop to once a second (max!).
Sign in to YouTube
Sign in to YouTube
Armin Hasitzka 9 months ago
Love it!
Sign in to YouTube
Sign in to YouTube
Jens Hedqvist 11 months ago
Nope, downloaded latest Canary and standard Chrome and it isn't there it the dev bar settings. Running Win 7.
Sign in to YouTube
Sign in to YouTube
Afiq Xilantra 1 year ago
Great video, thanks Paul!
Sign in to YouTube
Sign in to YouTube
Santiago Rodríguez Arias 1 year ago
Why I don't have 'Styles' tab in my dev tools? Someone can help me please?
Sign in to YouTube
Sign in to YouTube
oronm 1 year ago
true that.
Sign in to YouTube
Sign in to YouTube
Šime Vidas 1 year ago
This video is amazing. MOAR PLEASE!
Sign in to YouTube
Sign in to YouTube