1. JavaScript コメントを削除します
コメントを除き、他のすべての // または /* */ コメントは、エンドユーザーにとって意味がないため、安全に削除できます。
2. JavaScriptの空白を削除します
例: x = x + 1; は単に x=x+1; と書くことができます。
3. コードの最適化
暗黙のセミコロン、特定の状況での変数宣言、または空の復帰ステートメントを削除するなどの単純な方法により、スクリプト コードをさらに削減できます。次のようないくつかの短い式でも適切な最適化が行われます:
x=x+1;
次のように書くことができます:x++;
ただし、注意が必要です。そうしないと、コードでエラーが発生しやすくなります。
4. ユーザー定義の変数と関数の名前を変更します読みやすいように、スクリプトでは
s の代わりに sumTotal のような変数を使用する必要があることは誰もが知っています。ただし、ダウンロード速度を考慮すると、変数 sumTotal は冗長に見えます。この長さはエンド ユーザーにとっては意味がありませんが、ブラウザにとってはダウンロードの負担になります。現時点では、sがより良い選択となります。最初に読みやすいコードを作成し、次にいくつかのツールを使用して配信用にコードを処理します。このアプローチは、ここでもその価値を示しています。すべての名前を 1 文字または 2 文字に戻すと、大幅な改善がもたらされます。
組み込みオブジェクトを書き換える ユーザー変数名が長いと、JavaScript コードが長すぎます。また、組み込みオブジェクト (ウィンドウ、ドキュメント、ナビゲーターなど) も原因の 1 つです。例:
alert(window.navigator.appName);
alert(window.navigator.appVersion);alert(window.navigator.userAgent);
は次の短いコードに書き換えることができます:
a(n.appName);
a(n.appVersion);a(n.userAgent);
これらのオブジェクトが頻繁に使用される場合、この方法で書き換えることの利点は自明です。実際、これらのオブジェクトはよく呼ばれます。ただし、Window オブジェクトまたは Navigator オブジェクトが 1 回しか使用されない場合、そのような置換によってコードが長くなることに注意してください。この手法は、オブジェクトの名前変更後のスクリプトの実行効率の問題を引き起こします。コードの長さによってもたらされる利点に加えて、これらのオブジェクトがすべてのオブジェクトの前の位置に配置されるため、この書き換えと名前の変更により、実際にはスクリプトの実行速度がわずかに向上します。呼び出し元のオブジェクト内で。 JavaScript ゲーム開発者は、ダウンロードと実行の速度を向上させ、ローカル ブラウザのメモリ使用量を削減し、一石三鳥を実現するためにこの手法を長年使用してきました。
<スクリプト src="/0/g.js">
g.js には、グローバルで使用するためのすべての関数が含まれています。スクリプト ファイルを 3 つに分割することはメンテナンスの目的には意味がありますが、コードの転送には意味がありません。 1 つのスクリプトのダウンロードは、3 つの個別のリクエストよりもはるかに効率的であり、マークアップ コードの長さも短縮されます。
7.
JavaScriptファイルをマージします
HTTP リクエストの数を可能な限り減らします。
8. Web ページの下部にスクリプトを配置します
スクリプトは通常、ユーザーとの対話に使用されます。したがって、ページがまだ公開されておらず、ユーザーがそのページがどのようなものであるかさえ知らない場合、インタラクションについて話すのはまったくナンセンスです。したがって、スクリプトは CSS の逆であり、スクリプトはページの下部に配置する必要があります。
http://www.bkjia.com/PHPjc/323483.html
true
http://www.bkjia.com/PHPjc/323483.html
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
