Weitere ähnliche Inhalte
Ähnlich wie レンダリングを意識したパフォーマンスチューニング (20)
Mehr von Hayato Mizuno (10)
Kürzlich hochgeladen (12)
レンダリングを意識したパフォーマンスチューニング
- 38. var offset = $target.offset();
$('p').css({
top: offset.top,
left: offset.left
});
可能ならキャッシュして使い回す
REFLOW
Example 3
- 55. PAINT
First paint
var fp = chrome.loadTimes().firstPaintTime -
chrome.loadTimes().startLoadTime;
console.log('First paint: ' + fp);
http://goo.gl/H1JfA
- 58. CSS ANIMATION
GPUハック (null transform hack)
-webkit-transform: translateZ(0)
-webkit-transform: translate3d(0,0,0)
-webkit-transform: preserve-3d;
-webkit-backface-visibility: hidden;
...etc
- 59. CSS ANIMATION
GPUハック (null transform hack)
-webkit-transform: translateZ(0)
-webkit-transform: translate3d(0,0,0)
-webkit-transform: preserve-3d;
-webkit-backface-visibility: hidden;
...etc
_:(´ཀ`」 ∠):_