【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!
2
ログインして広告を非表示にする
Shuichi Ishikawa @spacelogue 2013-05-09 02:57:11
Fast Performance with CSS on Mobileを聞きます。満員セッションです。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:06:39
Layout: HTMLはDOMに、CSSはCSSOMになり、RenderTree→Layout→Paint という流れ #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:12:12
layoutはやや、paintは一番コストがかかる。composite layers, match selectors to elementsはそんなにコストかからない。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:17:33
1000 / 60fps = 16.6ms、この時間でJS, Layout, Painting, その他を16msで行う必要がある。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:19:06
Frame Budget: DOM操作、JS実行、重いpaintなどで奪い合い #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:20:10
モバイルは遅い。6〜10倍遅い。ネットワークも。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:22:26
パララックスなど、スクロールはたいへん。#maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:24:29
パフォーマンスはChromeのTimeline + Frames viewで計測 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:26:33
Timelineに切り替えて、レコーディング開始。停止して、見る幅を変えて、詳しく見る。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:30:16
Show paint rectanglesでpaintが起きている範囲を見る #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:34:28
パララックスサイトはスクロールさせながらレコーディングする #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:37:03
{ }というアイコンを押すと、jquery.min.jsを展開して表示できる。知らんかった! #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:38:21
Nodes that need layoutも表示される。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:39:36
緑の長いバーは、paintに時間がかかっているところ。これをなんとかしないといけない。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:40:32
スクロールすると、Heavy imagery will bust the GPU memory / Heavy paints / Full page repaints #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:47:05
http://t.co/y1nYUTbUgj を例に、高コストのCSSプロパティを知る。 #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:49:49
高いコストのCSSプロパティ: position:fixed, fixed background, border-radius&box-shadow, bg-size, @font-face, grandiants, text-align #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:51:33
Enable continuous page repaintingをONにすると再描画にかかっている時間がみえる #maxjp
Shuichi Ishikawa @spacelogue 2013-05-09 03:54:45
box-shadowとborder-radiusの両方のCSSプロパティを使ったときだけ、とても遅くなる。 #maxjp
残りを読む(6)

ブックマークしたタグ

あなたの好きなタグをブックマークしておこう!話題のまとめを見逃さなくなります。
ログインして広告を非表示にする
ログインして広告を非表示にする