よって翻訳されました。使用すると、コンテンツ、スタイル設定、ユーザー操作に対するレスポンスなど、ページに関するあらゆる変更を加えることができます。構築をブロックして、ページのレンダリングを遅らせてしまうことがあります。すべて取り除く必要があります。対してクエリを実行し、変更することができます。構築をブロックします。ブラウザで実行される動的な言語であり、ページの動作のほぼすべての側面を変更できます。ツリーの要素を追加または削除してコンテンツを変更できます。プロパティを変更する、ユーザー入力を処理できるなど、多くのことができます。スクリプトを追加するとどうなるかを見てみましょう。あるノード)へのリファレンスを取得することができます。利用)や、計算済みの表示スタイルのプロパティを「none」から「inline」にオーバーライドすることができます。students!」と表示されます。要素の新規作成、スタイル設定、追加、削除を行うこともできます。要素を作成してスタイル設定を行うことも可能です。連携させる方がはるかに簡単です。スタイルを変更し、まったく新しいノードをドキュメントに追加しました。持つ力と柔軟性は実証しています。レンダリングの方法やタイミングについて大きな制限が加わります。スクリプトがページの下端近くにある点に注目してください。要素への参照が見つからないというエラーが出ます。これは重要な特性を示しています。スクリプトはドキュメントに挿入された位置で実行されます。エンジンに制御を渡します。ブロックでそれらの要素を見つけることはできません。構築をブロックし、結果的に最初のレンダリングが遅れるということです。プロパティも、スクリプトによる読み込みと変更が可能であるという、隠れた特性も判明しました。変更することによって行っている操作です。最終的な結果は?競合状態が生まれました。ダウンロードと構築を完了していないと、どうなるでしょうか。この答えはパフォーマンスにとってあまり良くありません。実行において新たな依存関係が多く生まれます。これにより、ブラウザによる画面上のページの処理とレンダリングが大幅に遅れる場合があります。ドキュメント内のスクリプトの位置が重要です。タグに遭遇すると、スクリプトの実行が完了するまで一時中断されます。クエリと変更が可能です。準備が整うまで、遅延されます。依存グラフを理解して最適化することを意味します。ブロック」になっています。構築を進める必要があります。スクリプトを使用してこれを実際に確認しました。スクリプトタグを使用して組み込まれたスクリプトの場合は、どうでしょうか。前述のサンプルのコードを個別ファイルに抽出してみましょう。タグを使用しても、処理はまったく変わらないと思うかもしれません。どちらの場合も、ブラウザはスクリプトを一時停止して実行した後、ドキュメントの残りの部分を処理します。サーバーからスクリプトが取得されるのを待つために一時停止する必要があります。パスで数万~数千ミリ秒の遅延が発生する可能性があります。ブラウザは、スクリプトがページで実行する処理を知りません。そのため、最悪のケースを想定して、パーサーをブロックする必要があります。ファイルが取得された後など、準備が整った時点でスクリプトを実行させることができます。構築をブロックしないようにブラウザに伝えることができます。この対応により、パフォーマンスを大幅に改善することができます。ライセンスにより使用許諾されます。ライセンスにより使用許諾されます。サイトのポリシーをご覧ください。関連会社の登録商標です。