JavaScript コードを最適化する方法-jsチュートリアル-php.cn

JS を書く人なら誰でも、同じエフェクトを書く方法はたくさんあることを知っていますが、結果は同じですが、今日の開発ではページのパフォーマンスが大幅に低下します。、スクリプトのパフォーマンスの向上がますます重要になっています。 JavaScript コードを最適化するにはどうすればよいですか? 2 点間に最短の直線を引くにはどうすればよいでしょうか?今日は、独自の JavaScript コードを最適に記述する方法の概要を説明します。

従来の Web ページには多くのスクリプトが含まれておらず、少なくとも Web ページのパフォーマンスに大きな影響を与えることはありません。しかし、Web ページがアプリケーションに似てくるにつれて、スクリプトが Web ページに与える影響も増大しています。 Web テクノロジーを使用して開発されるアプリケーションが増えるにつれて、スクリプトのパフォーマンスを向上させることがますます重要になります。デスクトップアプリケーションは通常、コンパイラを使用してソースコードを最終バイナリに変換します。コンパイラーは、最終的なアプリケーションを生成するときに、可能な限りパフォーマンスの最適化に時間を費やすことができます。 Web アプリケーションにはそんな贅沢はありません。これらは複数のブラウザ、プラットフォーム、アーキテクチャ上で実行する必要があるため、完全にプリコンパイルすることはできません。ブラウザはスクリプトを一度に 1 つずつ取得して解釈してコンパイルしますが、最終的なアプリケーションはデスクトップアプリケーションと同じくらい速くロードされ、スムーズに実行されるはずです。通常のデスクトップコンピュータから携帯電話に至るまで、さまざまなデバイス上で動作することが期待されています。

ブラウザはこれを実現するのに非常に優れており、Opera は現在のブラウザで最も高速なスクリプトエンジンの 1 つを備えています。ただし、ブラウザーにもいくつかの制限があるため、Web 開発者は注意する必要があります。 Web アプリケーションをできるだけ高速に実行するには、ループを交換したり、結合スタイルを 3 つではなく 1 つ変更したり、実際に実行するスクリプトのみを追加したりするだけで済みます。

この記事では、JavaScript の中核言語である ECMAScript、DOM、ファイル読み込みに至るまで、Web アプリケーションのパフォーマンスを向上させることができるいくつかの変更を示します。

ヒント

ECMAScript

eval または Function コンストラクターの使用を避ける

eval を書き換える

関数が必要な場合は function を使用する

with を使用しないでください

必要な関数では try-catch-finally を使用しないでくださいパフォーマンス

eval と with の使用を分離する

グローバル変数を使用しないようにする

オブジェクトの暗黙的な交換に注意する

パフォーマンスを必要とする関数での for-in の使用を避ける