javascript - 行間にスペースを入れると、JavaScript コードのパフォーマンスに影響しますか

Question

これはばかげた質問かもしれませんが、私はまだそれを持っています。とにかくコード行の間にスペースを入れると、JavaScript コードのパフォーマンスに影響しますか。

JavaScript ファイルの縮小版はどの程度効果がありますか? コードのパフォーマンスを最適化する方法はありますか?

Answer 1

コードを縮小すると、ファイルをダウンロードし、最初に解析してコンパイルするのに必要な時間が短縮されます。実行時のパフォーマンスは影響を受けません。

絶対に巨大なソース ファイル (数万行) がない限り、影響は計り知れないほど小さい可能性が高く、その場合は縮小することが理にかなっています。縮小化の効果の程度はファイルの大きさによって異なりますが、一部のライブラリは縮小化するとサイズが劇的に減少するのを見てきました (ExtJS など)。

ランタイム パフォーマンスの向上は、最適化したい特定のコードがない限り、1 つの回答でカバーすることはできません。コードのランタイム パフォーマンスを最適化する場合は、まずプロファイリングを行い、コードが最も多くの時間を費やしている場所を特定します。Chrome を使用している場合は、開発者ツールにプロファイラーが組み込まれています。最近では Firefox にもあるかもしれませんが、よくわかりません。

Answer 2

最小化された JS コードによって最適化されるのはパフォーマンスではなく、スクリプトのサイズです。これにより、低速接続でのページの読み込み速度が向上します。

最近では、スクリプト コードは、いわゆる JIT コンパイラを使用してブラウザによってコンパイルされます。したがって、ランタイムは空白の影響をまったく受けません。コンパイル時間にわずかな違いがあるとすれば、コンパイラは空白をスキップするだけなので、顕著な違いは言うまでもなく、測定可能な違いは期待できません。

コードの実行時パフォーマンスを本当に改善したい場合は、コードを自分で最適化することはできません。このトピックをカバーする何百万ものリソースがあります。

それでも、ページの読み込み速度を最適化することは良いことです。なぜなら、訪問者を満足させるためにはミリ秒単位でカウントされるからです ( http://www.strangeloopnetworks.com/web-performance-infographics/ )。また、誰もが高速インターネット接続を利用できるわけではありません。したがって、コードのデバッグが完了したら、特に jquery や extjs などの大規模なコード ライブラリの場合は、コードを最小化することは悪い考えではありません。

Answer 3

私の知る限り、コード行間のスペースはパフォーマンスに影響を与えず、JavaScript ファイルの縮小版は元のファイルよりも高速ではありません。

縮小されたソース コードはダウンロードが速くなります。