問題タブ [page-load-time]

多数の画像と比較して、いずれかのdataURIの使用を（パフォーマンスのために）比較しようとしています。私が行ったことは、2つのテストを設定することです。

1. 通常の画像（WPT）
2. Base64（WPT）

これらの画像/リソースが「どのように」提供されているかを除けば、両方のページはまったく同じです。それぞれに対してWebPageTestを実行しました（上記のWPT）。base64の平均読み込み時間ははるかに高速ですが、通常のビューのキャッシュビューは高速です。リソースが適切にgzip圧縮されていることを確認するために、HTML5 Boilerplateの.htaccessを実装しましたが、ご覧のとおり、静的リソースをキャッシュしないためにbase64のFを取得しています（これが正しいかどうかはわかりません）。私がここで最終的に理解しようとしているのは、どちらがより良い方法であるかということです（議論のために、1つのページにその数のリソースがあると仮定します）。私が知っているいくつかのこと：

1. base64のGETリクエストは大きい
2. base64には1つのリソースがありますが、通常のリソースには300があります（ここでは、より大きなダウナーです...GETリクエストまたはリソースの数）？通常のものについて覚えておくべきことは、制限のために並列にロードできるリソースが非常に多いことです-そしてbase64の場合-実際にはHTMLが読み取れるまで待っているだけです-したがって、技術的にロードされるものはページ自体。

助けてくれて本当に感謝しています-ありがとう！

サイトの背景がごちゃごちゃしているので、読みやすくするために、次の背景プロパティを使用します。

サイトの読み込み時間を考えると、不透明な背景画像を使用した方がよいでしょうか?

ここで問題を確認できます: http://tinyurl.com/7ywoqpf

私はすでに背景のPNGサイズを縮小することに取り組んでいることに注意してください。この質問は段落の背景のみに関するものです

現在の設定を維持するか、背景画像を使用する必要がありますか?

ページの読み込み時間のテストを自動化しようとしています。私のウェブサイトからさまざまなページをロードし、関連する har ファイルを取得し、データを処理する cron ジョブを数時間ごとに実行することを想像しています。私が理解できない部分は、プログラムで har ファイルを生成する方法です...私が今知っている唯一の方法は、クロム開発者ツールを手動で使用することです。これができるかどうかは誰にもわかりません。

ajax フロントエンドと cdn バックエンドを提供することで、サイト検索を高速化するツールを構築しています。

私の ajax フロント エンドと通常の html リロード モデルの使用の違いをデモで視覚的に示したいと思います。サイト上のあるページから別のページへの遷移を表示できるブラウザ拡張機能やその他のツールなどのツールが必要です。ページの読み込み時間を表示できるツールがたくさんあります。それは私が求めているものではありません。ある ajax 状態から別の ajax 状態への遷移を示したいと思います。

誰かお勧めはありますか？

「ページが約1.3秒で読み込まれた」など、Googleの検索時間と同様のサーバー応答時間をページに表示しようとしています。

これを達成するための最良の方法は何ですか？私は現在MVCフレームワークをセットアップしており、最初のアプローチは、コントローラーに初期時間を保存し、それをモデルとしてビューに渡すことでした。経過時間を計算するのはビュー次第です。

どういうわけか、より良いアプローチが必要だと思います。すべてのリクエストについて、コンテキストには、リクエストの開始時間または経過時間のいずれかの情報がすでに記録されている可能性があります。

誰かが私の最初の考えが正しかったかどうかを確認できますか？または、すでに実装されているソリューションがありますか？

ありがとう、

ジェイソン

古いWebサーバーを置き換えるために、新しいWebサーバーをインストール/構成しました。古いサーバーを「server1」+新しいサーバーを「server2」と呼びましょう。どちらも同じコードで同じWebサイトを実行していますが、古いサーバーは新しいサーバーよりもはるかに高速にWebページを提供しています。まず、サーバーの仕様について詳しく説明します。

Server1構成：

Linux server1 2.6.32-25-generic-pae＃45-Ubuntu SMP Sat Oct 16 21:01:33 UTC 2010 i686 GNU / Linux

MemTotal：6180036 kB

8コアIntel（R）Xeon（R）CPU E5620 @ 2.40GHz

サーバーバージョン：Apache / 2.2.14（Ubuntu）

Server2構成：

Linux server2 3.2.0-23-generic＃36-Ubuntu SMP Tue Apr 10 20:39:51 UTC 2012 x86_64 x86_64 x86_64 GNU / Linux

MemTotal：24682544 kB

16コアIntel（R）Xeon（R）CPU E5620 @ 2.40GHz

サーバーバージョン：Apache / 2.2.22（Ubuntu）

主な違いは、server2には64ビットのOSアーキテクチャがあり、RAMとCPUの能力もはるかに高いことです。

あなたのことはわかりませんが、server2がserver1の靴下を吹き飛ばすことを期待しています。ただし、これはWebページの提供に関しては当てはまりません。

両方のサーバーのページロードに対する開発ツールの出力：

待機時間：314ms

待機時間：5.45秒

ご覧のとおり、まったく同じファイル要求が両方のマシンから行われていますが、server1が依然として支配的です。

「待ち時間」に影響を与える可能性のあるいくつかの要因を調べてみましたが、時間を費やしている場所を絞り込むのに非常に苦労しています。Apache2の構成を調べたところ、まったく同じディレクティブとモジュール拡張が両方のマシンに適用されています...コードを比較して同一であることを確認しました...ネットワーク/ ping/nslookupの時間はほとんど同じです。

「待機時間」の計算方法と、問題を絞り込むために使用できる方法を正確に説明できる人はいますか？

どうもありがとう、 ns

FireFox と IE では、このページの画像はほぼ瞬時に読み込まれます (特に、画像がブラウザーによってキャッシュされている場合)。

しかし、Opera では読み込みが非常に遅くなります。それらの1つを選択して「リロード」し、表示させる必要さえありました。これがなぜなのか誰にもわかりますか？Web ページや画像の表示方法に問題があるのでしょうか、それとも Opera の設定に問題があるのでしょうか? 画像キャッシュの設定を探していますが、異常に見えるものは実際には見つかりませんでした...

コードを予備のファイルに保持するのではなく、CSSとJSをWebページに埋め込むための何らかの利点（速度またはパフォーマンスの面で）はありますか？私は、コードを別々のファイルに分けておくと、保守が容易になると信じて育ちました。しかし、アマゾンやグーグル、さらにはフェイスブックのような有名なウェブサイトでは、たくさんの埋め込みコードが見られます。彼らがそうすることを選択するパフォーマンス上の理由はありますか、それとも単に古い/新しい方法で物事を行うのですか？私の質問はこれに似ていると思います：帯域幅を節約するためにモバイルサイトでCSSとJSをインライン化する必要がありますか？

しかし、私はフォームの専門家、特に有名なWeb関係に取り組んでいて、もしあればそうしている人々から聞いてみたいと思います。

PS

ボーナス質問：アマゾンのウェブページの最後のhtmlコメントは<!-- MEOW -->何かを意味するのですか、それとも単に面白いいたずらですか？

mysql データベースを使用して Java Spring フレームワーク上に構築された Web アプリケーションがあります。Ubuntu Lucid 10.04 を搭載した Linode でホストされています。リダイレクトには apache mod_rewrite を使用します。ページのリダイレクトが行われるたびに、次のページが読み込まれるまでに遅延が発生します。他のページのレンダリングが開始されると、ページはすばやく読み込まれます。遅延は、ahref リンクをクリックした後、次のページが読み込まれるまでです。この遅延の間、ブラウザの左下に「doondoo を待っています」と表示されます。この問題は、Web アプリケーション全体に一般的に存在します。この遅延の原因を知りたいですか? ページ上のクエリ、ロードする必要のある html コンポーネント、またはリダイレクト ルールですか、それとも何か他のものですか? 提案は、問題の根本原因を突き止めるのに役立ちます。あなたが訪問できる問題を確認するにはwww.doondoo.comにアクセスし、ページ上の任意のリンクをクリックします。前もって感謝します。

5.4 秒の待機時間を示すスナップショットを追加しました。オブジェクト レベルのキャッシュを使用すると問題は解決しますか?