-
clockmaker
- 2072
- 0
- 1
- 0
-
- いいね！0
池田 泰延（勉強会用）
@clockmaker_bot
どうやってGround Testしたかというと、カメラを構えて撮影。キーボードの押すタイミングから計測（笑） Crazy Hacks #maxjp
2013-05-09 09:39:29
Shuichi Ishikawa
@spacelogue
end -startでかかった時間を表示しても、そのあとにCSSスタイルの計算、レイアウト、リペイントがあるので、どうなんでしょう。 #maxjp http://t.co/lF5sOCoAyK
2013-05-09 09:39:36
拡大
池田 泰延（勉強会用）
@clockmaker_bot
解決策としてはブラウザのパフォーマンスツールを利用する。Timeline Panelを使う。 #maxjp
2013-05-09 09:40:39
sadakitchen
@sada_lp1
ブラウザパフォーマンスツールとしてChromeのTimelineからCapture https://t.co/TuzjEji21c #maxjp
2013-05-09 09:41:51
池田 泰延（勉強会用）
@clockmaker_bot
Adobe Scoutのように処理の詳細を確認することができる. グラフからスクリプトの外省箇所にジャンプすることができる #maxjp
2013-05-09 09:45:32
Shuichi Ishikawa
@spacelogue
このあたりは、Optimizing Browser RenderingおよびFast Performance with CSS on Mobileのセッションとまったく一緒です。 #maxjp
2013-05-09 09:50:15
池田 泰延（勉強会用）
@clockmaker_bot
ブラウザーのrepaintやlayer bordersを表示設定すればパフォーマンス計測がしやすい #maxjp
2013-05-09 09:50:34
Shuichi Ishikawa
@spacelogue
Chrome Dev Toolsも進化していくだろうけど、ScoutのWebブラウザ版も選択肢の１つになる。 #maxjp
2013-05-09 09:52:38
池田 泰延（勉強会用）
@clockmaker_bot
プログラマ向けのAPI. W3Cが動いている。Resource Timing (ページの表示タイミング計測), Aync Scroll(スクローリングのパフォーマンスを計測するAPI) , Diplay Performance #maxjp
2013-05-09 09:54:21
Shuichi Ishikawa
@spacelogue
リソースが読み込まれるタイミング、スクロールのパフォーマンスをテストするAPI、フレームレートなどを知るAPIなどがW3Cで検討されている。 #maxjp
2013-05-09 09:55:19