タグ

browserとパフォーマンスに関するisdhのブックマーク (1)

  • adding-interactivity-with-javascript?hl=ja

    JavaScript によるインタラクティビティの追加 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 JavaScript を使用すると、コンテンツ、スタイル、ユーザー操作に対するレスポンスなど、ページ上のほぼすべての要素を変更できます。ただし、JavaScript では DOM 構築がブロックされ、ページのレンダリングが遅れることもあります。最適なパフォーマンスを実現するには、JavaScript を非同期にして、クリティカル レンダリング パスから不要な JavaScript を削除します。 まとめ JavaScript では、DOM と CSSOM に対するクエリの実行と変更が可能です。 JavaScript の実行が CSSOM をブロックします。 JavaScript は、非同期として明示的に宣言されていない限り、DOM 構築をブロックします。

    isdh
    isdh 2018/08/28
    “このスクリプトは、ドキュメントに挿入されたそのままの位置で実行されているのです。HTML パーサーが script タグに遭遇すると、DOM 構築のプロセスを一時中断し、JavaScript エンジンに制御を渡します。”
  • 1