質問編集履歴
2
コードの強調をやめる
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
(2) Chrome DevTools Performanceタブ > Timingに表示されるFP, FCPなどのイベントは、描画されるときに発生すると認識しています。
|
|
26
26
|
|
|
27
|
-
つまり
|
|
27
|
+
つまりFP/FCPイベントは、レンダリングツリーが作成され、レイアウトが行われて、描画段階にある場合に発生する認識しています。
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
1
疑問が伝わりやすいように修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,15 +12,19 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
(1) 私の認識ではdeferを使わない限り、ブラウザはscriptタグが現れた場合には、JavaScriptの読み込み・解釈を完了するまでDOMツリー構築処理をブロックすると認識しています。
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
私はレンダリングの仕組みについて、以下のように認識しています。
|
|
18
16
|
|
|
19
17
|
|
|
20
18
|
|
|
21
|
-
(
|
|
19
|
+
(1) 私の認識ではdeferを使わない限り、ブラウザはscriptタグが現れた場合には、JavaScriptの読み込み・解釈を完了するまでDOMツリー構築処理をブロックすると認識しています。
|
|
22
20
|
|
|
21
|
+
そしてブラウザは、ページ全体のDOMツリー・CSSOMツリーで構成されたレンダリングツリーをもとにレイアウトしてから描画すると認識しています。
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
(2) Chrome DevTools Performanceタブ > Timingに表示されるFP, FCPなどのイベントは、描画されるときに発生すると認識しています。
|
|
26
|
+
|
|
23
|
-
つまりFP
|
|
27
|
+
つまり`FP`/`FCP`イベントは、レンダリングツリーが作成され、レイアウトが行われて、描画段階にある場合に発生する認識しています。
|
|
24
28
|
|
|
25
29
|
|
|
26
30
|
|