私のアプリをプロファイルすると、イベントは1.5秒遅れますが、最初のピクセルはずっと遅く表示されます。これは、イベントがDOMツリーの構築を意味するだけであることを意味する可能性があります。初期のHTMLドキュメントが完全にロードされ、解析され、without waiting for stylesheets, images, and subframes to finish loadingされている場合でも、このチュートリアルでは、今DOMContentLoadedイベントは、DOMツリーまたはレンダリングツリーの構築を意味しますか？
https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp
DOMContentLoadedイベントが発生している少し混乱し私にしています。
私は同じ質問に遭遇したので、私はあなたが提供するGoogleの開発者の資料をお読みください。しかし、私は別の結論に達しました。これは、DOMツリーがcssomとレンダリングツリーを待たずに準備が整うと、DOMContentLoadedイベントが発生することを意味しています。
*An asynchronous script has several advantages:
The script is no longer parser blocking and is not part of the critical rendering path.
Because there are no other critical scripts, the CSS doesn't need to block the domContentLoaded event.
The sooner the domContentLoaded event fires, the sooner other application logic can begin executing.*
スクリプトはセット「非同期」でdomtree解析を停止しない場合は、domcontentloadedイベントもCSSの読み込みを待つもCSSOMに解析しないことを意味します：ここで はその記事からのものです。
これは、レンダリングには実際には関係しません。これは別の別のステップです。 – Xufox
ブラウザは、最初のHTML要素が解析された直後にページのレンダリングを開始します。確かに、DOMツリーが完了するのを待っているわけではなく、すべての外部リソースがロードされるまでにはるかに少なくなります。 –
レンダリングツリーのコンストラクションを通知するイベントはありますか？私はイメージを気にしないので、ロードイベントは私には役に立たない – prk68