使用すると、コンテンツ、スタイル設定、ユーザー操作に対するレスポンスなど、ページに関するあらゆる変更を加えることができます。構築をブロックして、ページのレンダリングを遅らせてしまうことがあります。すべて取り除く必要があります。クエリと変更が可能です。構築をブロックします。ブラウザで実行される動的な言語であり、あらゆる面でページの動作を変更することができます。プロパティを変更したり、ユーザー入力を処理したり、その他にもさまざまな操作が可能です。スクリプトを追加します。あるノード)へのリファレンスを取得することができます。利用)や、計算済みの表示スタイルのプロパティを「none」から「inline」にオーバーライドすることができます。students!」と表示されます。要素の新規作成、スタイル設定、追加、削除を行うこともできます。要素を作成してスタイル設定を行うことも可能です。連携させる方がはるかに簡単です。スタイルを変更し、まったく新しいノードをドキュメントに追加しました。持つ力と柔軟性は実証しています。レンダリングの方法やタイミングについて大きな制限が加わります。スクリプトがページの下端近くにある点に注目してください。要素への参照が見つからないというエラーが出ます。これは、重要な特性を示しています。このスクリプトは、ドキュメントに挿入されたそのままの位置で実行されているのです。エンジンに制御を渡します。ブロックでそれらの要素を見つけることはできません。構築をブロックし、結果的に最初のレンダリングが遅れるということです。プロパティも、スクリプトによる読み込みと変更が可能であるという、隠れた特性も判明しました。変更することによって行っている操作です。その結果として、競合状態が生まれました。ダウンロードと構築を完了していないと、どうなるでしょうか。答えは単純で、パフォーマンスが低下します。ダウンロードと構築が完了するまで、スクリプトの実行を遅らせます。実行において新たな依存関係が多く生まれます。これにより、ブラウザによる画面上のページの処理とレンダリングが大幅に遅れる場合があります。ドキュメント内のスクリプトの位置が重要です。タグに遭遇すると、スクリプトの実行が完了するまで一時中断されます。クエリと変更が可能です。準備が整うまで、遅延されます。依存グラフを理解して最適化することを意味します。