1

現在、会社の Web アプリケーションの UI のパフォーマンスを調整しようとしています。アプリケーションはスタッフのみがアクセスするため、サーバーとクライアント間の接続速度は、インターネット上にある場合よりも常にかなり速くなります.

Y Slow! などのパフォーマンス監査ツールを使用しています。Google Chrome のプロファイリング ツールを使用して、調査対象とする価値のある領域を強調表示します。ただし、これらのツールはインターネットを念頭に置いて作成されています。たとえば、アプリケーションの Google Chrome 監査からの現在の提案は次のとおりです。

ネットワーク利用率

  • 外部 CSS を組み合わせる (赤色の警告)
  • 外部 JavaScript を組み合わせる (赤い警告)
  • gzip 圧縮を有効にする (赤い警告)
  • ブラウザのキャッシュを活用する (赤色の警告)
  • プロキシ キャッシュを活用する (黄色の警告)
  • Cookie のサイズを最小化する (黄色の警告)
  • ホスト名間でダウンロードを並列化する (黄色の警告)
  • Cookie を使用しないドメインから静的コンテンツを提供する (黄色の警告)

ウェブページのパフォーマンス

  • 未使用の CSS ルールを削除する (黄色の警告)
  • ベンダー接頭辞の代わりに通常の CSS プロパティ名を使用する (黄色の警告)

接続速度と使用パターンを考えると、これらのアドバイスは完全に冗長ですか? ユーザーは 1 日中頻繁にアプリケーションを使用するため、将来のページ ビューで最小限の作業が行われる限り、最初のヒット (ユーザーが最初にページにアクセスしてキャッシュを構築するとき) が大きくても問題ありません。 .

たとえば、すべての CSS ファイルと JavaScript ファイルを組み合わせる価値はありますか? 最初のページ ビューは高速化されるかもしれませんが、その後のページ ビューでは実際にどの程度の違いが生じるのでしょうか?

私はこれを検索しようとしましたが、私が思いついたのは、標準的なインターネットに直面しているパフォーマンスのアドバイスだけです. このシナリオでのパフォーマンス調整作業の焦点を当てるべきか、または他の監査ツールの推奨事項に関するアドバイスをいただければ幸いです。

4

3 に答える 3

3

1 つのサイズですべてに対応できるわけではありません。大きな影響を与えるものとしてすぐに飛び出す項目は、「ブラウザのキャッシュを活用する」です。これにより、明らかに帯域幅の使用が削減されますが、キャッシュしたものを再解析する必要がないこともブラウザに伝えられます。帯域幅が十分にある場合でも、ダウンロードする各ファイルには、ダウンロードを管理するスレッド、ファイルの解析、メモリの管理など、ブラウザからのリソースが必要です。これを減らすと、アプリが速く感じられます。

GZIP 圧縮は冗長である可能性があり、本当に無制限の帯域幅を使用している場合は有害でさえある可能性があります。データを圧縮するためにサーバーとクライアントの両方でリソースを消費します。それほど多くはありませんし、測定することもできませんでしたが、理論的には違いがあるかもしれません.

会社のネットワーク インフラストラクチャによっては、プロキシ キャッシュも役立つ場合があります。

Cookie のサイズを小さくすると、帯域幅の問題だけでなく、Cookie を管理するとクライアントのリソースが消費されるため、解決できる場合があります。これは、Cookie を使用しないドメインからの静的アセットの提供が役立つ理由も説明しています。

ただし、UI のパフォーマンスを最適化する場合は、どこで速度が低下しているのかを理解する必要があります。Y!Slow と Chrome は一般的な問題に焦点を当てており、その多くは帯域幅とブラウザーの動作に関連しています。JS の特定の部分が遅いのか、サーバーが特定の動的ページ要求で苦労しているのかはわかりません。

Firebug のようなツールが役に立ちます。ネットワークで何が起こっているのか、予想よりも時間がかかる資産がないかどうかを確認してください。JavaScript プロファイラーを使用して、最も多くの時間を費やしている場所を確認します。

于 2012-11-05T17:16:10.310 に答える
1

これらのツールのほとんどは、1 回限りのチェックの手順またはアドバイスを提供します。ただし、いくつかの問題は解決しますが、ユーザーがサイトをどのように体験しているかはわかりません。Always リアル ユーザー モニタリングは、ライブ ユーザー パフォーマンスを測定するための適切なソリューションです。Navigation Timing APIを使用して、ページの読み込み時間とリソースのタイミングを測定できます。

サービスを探したい場合は、リアル ユーザー モニタリング、Ajax モニタリング、トランザクション モニタリング、JavaScript エラー トラッキングを提供するhttps://www.atatus.com/を試すことができます。

于 2015-09-28T14:18:16.127 に答える
0

Web サイトの速度をテストするために使用できる追加サービスのリストを次に示します: http://sixrevisions.com/tools/free-website-speed-testing/

于 2012-11-05T17:01:43.927 に答える