1

ブラウザーがクライアント側スクリプト (Javascript、JQuery など) を処理するすべての作業を行うことは理解していますが、パフォーマンス (ネットワーク速度、クライアント コンピューターの速度、サーバー環境) に関して他に重要なことがあるかどうかを知りたいと思いました。

ブラウザ (タイプとバージョン) に完全に依存している場合、最初にページにアクセスすると遅くなり、その後ブラウザが JS ファイル/スクリプトをキャッシュし、それ以降は高速に実行されると言うのは正しいですか?

誰かがこれらすべてがどのように組み合わされるのか説明できますか?

4

4 に答える 4

3

すべてが何らかの要因です。

ほとんどのスクリプトは同期的にダウンロードされるため、スクリプトがキャッシュされるまではネットワーク速度が重要です。スクリプトが読み込み時に DOM を変更せず ( ...)、ページ上の他のスクリプトで必要とされていない限り、新しいブラウザーではこれをある程度軽減できますdocument.write()が、それでも前にダウンロードする必要があります。ブラウザはページが読み込まれたと見なすことができます。スクリプトを縮小すると、スクリプトがネットワーク上をより速く移動するのに役立ち、サーバーを gzip 圧縮で提供するように構成すると、さらに役立ちます...しかし、一度キャッシュされると、これはそれほど大きな要因ではありません.

クライアント コンピューターの速度は、ブラウザー (スクリプト実行環境) の速度に直接影響します。高速なブラウザーでも、高速なコンピューターでスクリプトをより高速に実行できます。

高速なブラウザ VM は大きな違いを生む可能性があります。JavaScriptの現在の実行環境は、パフォーマンス特性が大きく異なります。ブラウザーは、さまざまな領域で高速または低速になる可能性があります。低速の DOM と組み合わせた高速の VM は、ページに大きな変更を加え始めるまで、スクリプトをすばやく実行します。スクリプトが重要な処理を実行しようとするまで、低速の VM を使用した高速の DOM は燃え続けます。そして、スクリプトがキャッシュされると、これらのブラウザーのパフォーマンス特性はさらに重要になります。「キャッシュされると高速になる」という仮定は、ネットワーク速度が最初に顕著なボトルネックである場合にのみ当てはまります。

サーバーは、それに対して行われたすべての要求にタイムリーに応答する必要があります。スクリプト VM が高速であっても、スクリプトがサーバー上で、低速のデータベースにクエリを実行する AJAX 要求への応答を待機している場合や、その他の負荷の高いサーバー側の処理を実行している場合は問題になりません。少量のデータやスクリプトの要求に対するサーバーの応答が遅い場合、高速なネットワーク接続は問題になりません。

参考文献：

于 2009-09-10T19:58:38.693 に答える
0

ブラウザーと設定に応じて、JS、CSS、Flash、または画像の特定の部分がキャッシュされます。その後、リロードすると速くなります。

于 2009-09-10T19:55:59.977 に答える
0

実際にこれに答えるには、あなたが何をしているかによって異なります。

たとえば、JavaScript アプリケーションを使用しているときに、アニメーション ムービーのレンダリングで CPU がビジー状態になっていると、パフォーマンスが低下します。

300 ボーのモデムを使用して大量のデータを送受信する非常にインタラクティブなサイトの場合、アプリケーションの動作が遅くなることがあります。

ただし、ブラウザーは重要です。たとえば、次のベンチマークに基づいて IE8 は Chrome よりも遅いように見えるためです 。オペラ 10 テイク オン オール チャレンジャーズ/

これは、JavaScript ベンチマーク テストに関する古い記事で、それぞれのテストをよく説明しており、JavaScript のパフォーマンスを理解するのに役立ちます。

http://www.codinghorror.com/blog/archives/001023.html

アプリケーションが多くのページを使用し、すべての JavaScript または主要な JavaScript を前もって d/l する場合、はい、最初のページ以降は高速に実行されますが、それはアプリケーションの設計方法によって異なります。ページをリロードせずにすべてを動的に行う場合、最初に 20 個のスクリプト ファイルをロードしてもメリットはありません。

于 2009-09-10T19:56:24.330 に答える
0

サーバーが正しく設定されている場合、JavaScript ファイルはキャッシュされるため、ページ ビューごとに再ダウンロードする必要はありません。これにより、処理が速くなります。

ブラウザの JavaScript エンジンは、多かれ少なかれ最適化できます。これはパフォーマンスにも影響します。現在、ブラウザ ベンダー間で「最速の JS エンジンを作成できるのは誰か」という競争が見られます。

クライアント コンピューターが実際の処理を行っているため、コンピューターの速度が速ければ速いほど、スクリプトの実行も速くなります。166MHz の Pentium で集中的な最新の JS を実行しようとするのは大変なことです。

さらに、コード自体がパフォーマンスに大きな影響を与えます。適切に作成された JavaScript は、適切に作成されていない JavaScript よりも桁違いに高速に実行できます。この件に関する私のお気に入りのビデオは次のとおりです: Google Tech Talk: Speed Up Your JavaScript

于 2009-09-10T20:18:12.493 に答える