JS Web サイトのパフォーマンス最適化に関するメモ_PHP チュートリアル

1. JavaScript コメントを削除します

コメントを除き、他のすべての // または /* */ コメントは、エンドユーザーにとって意味がないため、安全に削除できます。

2. JavaScriptの空白を削除します

例: x = x + 1; は単に x=x+1; と書くことができます。

3. コードの最適化

暗黙のセミコロン、特定の状況での変数宣言、または空の復帰ステートメントを削除するなどの単純な方法により、スクリプト コードをさらに削減できます。次のようないくつかの短い式でも適切な最適化が行われます:

x=x+1;

次のように書くことができます:

x++;

ただし、注意が必要です。そうしないと、コードでエラーが発生しやすくなります。

4. ユーザー定義の変数と関数の名前を変更します

読みやすいように、スクリプトでは

s

の代わりに sumTotal のような変数を使用する必要があることは誰もが知っています。ただし、ダウンロード速度を考慮すると、変数 sumTotal は冗長に見えます。この長さはエンド ユーザーにとっては意味がありませんが、ブラウザにとってはダウンロードの負担になります。現時点では、sがより良い選択となります。最初に読みやすいコードを作成し、次にいくつかのツールを使用して配信用にコードを処理します。このアプローチは、ここでもその価値を示しています。すべての名前を 1 文字または 2 文字に戻すと、大幅な改善がもたらされます。

5.

組み込みオブジェクトを書き換える ユーザー変数名が長いと、JavaScript コードが長すぎます。また、組み込みオブジェクト (ウィンドウ、ドキュメント、ナビゲーターなど) も原因の 1 つです。例:

alert(window.navigator.appName);

alert(window.navigator.appVersion);

alert(window.navigator.userAgent);
は次の短いコードに書き換えることができます:

w=window;n=w.navigator;a=alert;

a(n.appName);

a(n.appVersion);

a(n.userAgent);
これらのオブジェクトが頻繁に使用される場合、この方法で書き換えることの利点は自明です。実際、これらのオブジェクトはよく呼ばれます。ただし、Window オブジェクトまたは Navigator オブジェクトが 1 回しか使用されない場合、そのような置換によってコードが長くなることに注意してください。この手法は、オブジェクトの名前変更後のスクリプトの実行効率の問題を引き起こします。コードの長さによってもたらされる利点に加えて、これらのオブジェクトがすべてのオブジェクトの前の位置に配置されるため、この書き換えと名前の変更により、実際にはスクリプトの実行速度がわずかに向上します。呼び出し元のオブジェクト内で。 JavaScript ゲーム開発者は、ダウンロードと実行の速度を向上させ、ローカル ブラウザのメモリ使用量を削減し、一石三鳥を実現するためにこの手法を長年使用してきました。

6. リクエスト数を最適化するために <script><style> メソッドをリファクタリングします。 <p align="left">HTML ファイルのヘッダーで次のようにマークされたコードがよく見られます: </p> <p align="left"><スクリプト src="/scripts/rollovers.js"></script><スクリプト src="/scripts/validation.js"><スクリプト src="/ scripts/tracking.js"> ほとんどの場合、上記のコードは次のように簡略化する必要があります:

<スクリプト src="/0/g.js">

g.js には、グローバルで使用するためのすべての関数が含まれています。スクリプト ファイルを 3 つに分割することはメンテナンスの目的には意味がありますが、コードの転送には意味がありません。 1 つのスクリプトのダウンロードは、3 つの個別のリクエストよりもはるかに効率的であり、マークアップ コードの長さも短縮されます。

7.

JavaScriptファイルをマージします

HTTP リクエストの数を可能な限り減らします。

8. Web ページの下部にスクリプトを配置します

スクリプトは通常、ユーザーとの対話に使用されます。したがって、ページがまだ公開されておらず、ユーザーがそのページがどのようなものであるかさえ知らない場合、インタラクションについて話すのはまったくナンセンスです。したがって、スクリプトは CSS の逆であり、スクリプトはページの下部に配置する必要があります。

http://www.bkjia.com/PHPjc/323483.html

www.bkjia.com

tru​​e

http://www.bkjia.com/PHPjc/323483.html

技術記事 1. JavaScript コメントを削除する コメントを除き、他のすべての // または /* */ コメントは、エンド ユーザーにとって意味がないため、安全に削除できます。 2. JavaScript を削除します...