際際滷

際際滷Share a Scribd company logo
Rendering Performance
Andre Behrens
Jonathan Klein
Paul Lewis
Ariya Hidayat
Joshua Peek
Eli Fidler
Sunday, September 22, 13
60 FPS
Sunday, September 22, 13
16.6 ms
Sunday, September 22, 13
Sunday, September 22, 13
Jank
Sunday, September 22, 13
What Causes Jank?
Sunday, September 22, 13
http://jankfree.org/jank-busters-io-2013/template.html#15
Sunday, September 22, 13
Why Do We Care?
Sunday, September 22, 13
Facebook arti鍖cially slowed down frame rate on iOS and
Android to 30 FPS, and engagement collapsed
- Shane O'Sullivan, Edge London 2013
Sunday, September 22, 13
Etsy tested pre-fetching JS on our search results page, which
caused jank as the JS 鍖nished downloading. All business
metrics we monitored got much worse.
- Me, right now
Sunday, September 22, 13
How Do We Fix It?
Sunday, September 22, 13
http://jankfree.org/jank-busters-io-2013/template.html#15
Sunday, September 22, 13
Sunday, September 22, 13
But Really...
Sunday, September 22, 13
But Really...
 requestAnimationFrame, not setTimeout
Sunday, September 22, 13
But Really...
 requestAnimationFrame, not setTimeout
 Consistent frame rate > high frame rate
Sunday, September 22, 13
But Really...
 requestAnimationFrame, not setTimeout
 Consistent frame rate > high frame rate
 Paint less (batch)
Sunday, September 22, 13
But Really...
 requestAnimationFrame, not setTimeout
 Consistent frame rate > high frame rate
 Paint less (batch)
 Consider translateZ hack
Sunday, September 22, 13
But Really...
 requestAnimationFrame, not setTimeout
 Consistent frame rate > high frame rate
 Paint less (batch)
 Consider translateZ hack
 Optimize texture uploads to the GPU
Sunday, September 22, 13
Dont Guess It, Test It!
Sunday, September 22, 13
jankfree.org
Sunday, September 22, 13
Panel
Sunday, September 22, 13

More Related Content

Edge Conf Rendering Performance Panel