3

Javascript コードはすべて HTML ファイルの末尾に配置する必要があると言われています。これにより、ユーザーが何かを確認できるように、ページのコンテンツが最初に表示されます (ユーザーは、さらに 12 秒待たずに何かを確認できて満足するため、例）。

ただし、HTML をより適切にカプセル化し、「画像カルーセル」などの Javascript コードと一致させるために、通常、HTML と Javascript は 1 つのファイルに配置されるため、最終的な HTML ファイル全体ですべて HTML コードと混合された Javascript コード ブロックが存在します。

しかし、これらすべての Javascript コード ブロックが jQuery を使用$(document).ready(function() { ... })してタスクを実行すると、ページの表示も非常に高速になるのではないでしょうか? Javascript が実際に HTML ファイルの最後に配置されたときほど速くはないと思いますが、準備完了イベント キューに機能を追加するだけなので、十分に近いと思います。

4

1 に答える 1

2

ポイントは、js のダウンロード</body>中にページのコンテンツが表示されるように、ページの下部 (通常は終了タグのすぐ内側) に js を配置することだと思います。

jQuery コードを別々の.ready()呼び出しで HTML 全体に分散させている場合、何があっても、<body>が完全にロードされるまで実行されません。質問は、HTML にどのくらいの JavaScript が含まれているかということです。

かなりの量があると、各スクリプトの後に続くコンテンツの表示が遅くなります。比較的少量のコードである場合、大きな違いはほとんどありません。

ページのコンテンツをできるだけ早く表示することが本当に重要な場合は、コンテンツの後にすべてのスクリプトを配置します。

個人的には、関連性のために JavaScript と HTML を混在させることはしません。たまたまスクリプトが含まれているコンテンツの削除/追加を開始すると、予期しない結果が生じる可能性があります。適切な名前のクラスと ID、および多くのコード コメントを使用したいと考えています。

また、これらの.ready()呼び出しはjQueryが読み込まれるまで機能しないことに注意してください。つまり、ページの上部に配置するか、少なくとも最初の呼び出しの前に配置する必要があります。

もう一度、どちらがあなたにとってより重要かという問題に戻ります。コンテンツをできるだけ早く表示したい場合は、すべての js を一番下に配置します。js と HTML を混在させる方法が必要な場合は、ページの表示に多少の遅延が発生します。

于 2010-07-20T22:40:12.250 に答える