JavaScript 基礎チュートリアル

JavaScript オブジェクト

Webパフォーマンスは、客観的な測定基準であり、ロード時間と実行時のユーザーの感知と体験です。

Webパフォーマンスは、サイトのロード、インタラクション、応答に必要な時間、およびユーザーがインタラクション中に感じる内容の滑らかさです。

遅延、アプリケーションサイズ、DOMノード数、送信されるリソースリクエスト数、JavaScriptパフォーマンス、CPU負荷など、多くの機能がパフォーマンスに影響を与えます。

Webパフォーマンスを向上させる方法は？

ループの外に置ける文や代入は、ループの実行をより高速にします。

以下の例では、ループのたびに配列のlength属性にアクセスします：

例

for　(let　i　=　0;　i　<　arr.length;　i++)　{

以下の例では、ループの外でlength属性にアクセスし、ループの実行をより高速に行います：

例

let　size　=　arr.length;
for　(let　i　=　0;　i　<　size;　i++)　{

他のJavaScript文と比較して、HTML DOMへのアクセスは非常に遅いです。

DOM要素を複数回アクセスする必要がある場合、一度アクセスしてその値をローカル変数として使用してください。

スクリプトをページの本文の最後に配置することで、ブラウザがまずページをロードすることができます。

スクリプトのダウンロード中に、ブラウザは他のダウンロードを開始しないで、すべての解析およびレンダリング活動が妨げられる可能性があります。

代わりに、スクリプトタグでdefer="true"。遅延スクリプトがページの最後に実行されるとき、属性指定が解析完了済みであることを意味しますが、これは外部スクリプトにのみ適用されます。

withキーワードは「無駄なもの」として考えられており、いくつか非常にイライラする欠点があります。

withを使用することでローカル属性の処理を簡略化できますが、withを使用することで他のスコープで変数を探すコストが増加します。

ストリクトモードではキーワードを使用することができません。

外部ファイルを組み合わせて、JavaScriptを直接HTMLページに含めることで、ページの表示に必要なHTTPリクエストを最小限に抑えます。

ユニークなHTTPアクセスがサーバーに発生するたびに、多くの遅延が発生します。

重複のスクリプトはパフォーマンスに大きな影響を与えます。重複のスクリプトはHTTPで不必要なリクエストを作成し、特にIEブラウザでは特に問題があります。

しかし、このeval()関数は任意のコードを実行するのに良い方法ですが、eval関数に渡される各文字列は即座に解析および実行する必要があります。eval関数呼び出しに到達するたびに、コストが発生します。