- clockmaker
- 2101
- 0
- 0
- 0
Fast Performance with CSS on Mobileを聞きます。満員セッションです。 #maxjp
2013-05-09 02:57:11Layout: HTMLはDOMに、CSSはCSSOMになり、RenderTree→Layout→Paint という流れ #maxjp
2013-05-09 03:06:39layoutはやや、paintは一番コストがかかる。composite layers, match selectors to elementsはそんなにコストかからない。 #maxjp
2013-05-09 03:12:121000 / 60fps = 16.6ms、この時間でJS, Layout, Painting, その他を16msで行う必要がある。 #maxjp
2013-05-09 03:17:33Timelineに切り替えて、レコーディング開始。停止して、見る幅を変えて、詳しく見る。 #maxjp
2013-05-09 03:26:33{ }というアイコンを押すと、jquery.min.jsを展開して表示できる。知らんかった! #maxjp
2013-05-09 03:37:03スクロールすると、Heavy imagery will bust the GPU memory / Heavy paints / Full page repaints #maxjp
2013-05-09 03:40:32http://t.co/y1nYUTbUgj を例に、高コストのCSSプロパティを知る。 #maxjp
2013-05-09 03:47:05高いコストのCSSプロパティ: position:fixed, fixed background, border-radius&box-shadow, bg-size, @font-face, grandiants, text-align #maxjp
2013-05-09 03:49:49Enable continuous page repaintingをONにすると再描画にかかっている時間がみえる #maxjp
2013-05-09 03:51:33box-shadowとborder-radiusの両方のCSSプロパティを使ったときだけ、とても遅くなる。 #maxjp
2013-05-09 03:54:45