問題タブ [pagespeed]

Firebug の Net パネルを監視していて、他のリソースをダウンロードする前に HTML をダウンロードする必要があることに気付きました。他のリソースは HTML で定義されているため、これは理にかなっていると思います。HTML のダウンロード中に他のコンポーネントをダウンロードできるようにする方法はありますか?

YSlow と ShowSlow と pagespeed を継続的なビルドに統合して、テストの実行時に yslow がページ読み込み時間、ページ重量などのメトリックを Showslow サーバーに渡し、結果がグラフィカルに表示されるようにしました。現在、このセットアップは機能していますが、YSlow がどの URL を監視して情報を送信するかを構成する方法がまだわかりません。答えはありますか?? たとえば、e コマース サイトで次のページを監視したいとします。

ホームページ
書籍 主な
商品
ISBN
検索 作品
詳細

上記のいずれかに一致する URL にアクセスしたときに、結果を収集して ova を ShowSlow に送信するたびに YSlow に通知するにはどうすればよいですか?? うまくいけば、私の質問は明確です。ありがとう

フレーム全体で同じスクリプト ファイルを何度も使用する HTA (MSFT HTML アプリケーション) でアプリケーションを実行しています。これは所々で 9 に達し、キャッシュがすぐに期限切れになるように設定されたさまざまなサーバー内でアプリケーションがセットアップされているため、この泥のボールである種のパフォーマンスを切り出そうとしています。

トップフレームにメインスクリプトファイルをロードし、フレーム内で実行する「良い」方法はありますか?

- - ウインドウ上部 - -

--- サブフレーム ----

そして、これはウィンドウスコープによってどのように影響を受けますか(トップウィンドウスコープを維持するか、フレームウィンドウのスコープ内にありますか)

現在、仮想ホストでこのセットアップを使用しています。

スピードアップには効果的ですが、ユーザー自身がコンテンツに加えた変更が表示されない場合があります (主に FireFox の使用時) :( 何か提案 / 最適化のヒントはありますか?

Flash を含むページの最適化に取り組んでいます。Javascript を一番下に移動してブロックしないようにするなどの最適化手法を使用しています。インライン スクリプトの削除。また、縮小された css と js を使用して HTTP リクエストを最小限に抑えます。

ページ コンテンツの大部分はフラッシュ内にあるため、できるだけ早くロードすることが目標です。現在、フラッシュがレンダリングされるまでに 2 ~ 3 秒の遅延があります (firebug プロファイリングを使用)。

ページ読み込みのどの時点でブラウザがページのフラッシュの初期化を開始するのだろうか?

フラッシュを含む DOM 要素がレンダリングされた後ですか?

完全な onload イベントが発生した後ですか?

おそらくブラウザごとに違うと思います。

ウェブサイトのホームページに、ユーザーがメンバー名を入力するためのボックスを含むフォームがあります。そこから、フォームは現在PHPスクリプトに送信されます。このスクリプトは、呼び出しHeader('Location: blah);てから/ search /username/に転送します。

それらを/search/ usernameに直接リダイレクトするように、javascriptでそのリダイレクトを行うことは価値がありますか（私はそうしていると思います）？もしそうなら、私はJavaScriptを使ってリダイレクトする方法を教えてください。window.location = "http://www.google.com/"

特定のURLのウェブページのパフォーマンス、具体的には特定のウェブページ (URL) で使用される各リソースの時間差 (リクエストとレスポンスの時間差)を知りたいです。

Google Page Speed API も同じことを行いますが、入力として*.HARファイルが必要です。特定の URL に対して HAR ファイル を生成する方法が わかりません。

ご案内いただけますでしょうか。この機能を既存のWPFアプリケーションに統合したいと考えています。

HAR への HTML URL を生成するツールはありますか?

ありがとう、ハイレン・シャー。

私たちは大規模なウェブサイトを開発しており、すべての画像とリソースは Amazon S3 にあります。また、コンテンツをグローバルに配信するために Cloudfront を使用しています。私たちがしたいことは、クライアントの Web ブラウザーにファイルをキャッシュするように指示することです。これは、ファイルを変更すると URL も変更されるためです (Cloudfront は他の場所で 24 時間変更を反映しません)。

現在ETagを使用していますが、リソースが変更されたかどうかを確認するためにクライアントがリクエストを実行する必要があるため、これは最適ではありません。

解決策の 1 つは Expires ヘッダーですが、S3 の Apache 構成で可能なように現在の日付に相対的に設定する方法が見つかりませんでした。また、すべてのコンテンツを定期的に更新することはできません。そのため、Expires ヘッダーをすべてのコンテンツの現在の日付に関連する日付に設定する構成オプションが必要になります。

別の解決策は、Cache-Control: max-age を特定の値に設定することです。これは機能しますか？主要なブラウザで受け入れられますか? これでいくつかのキャッシュアルゴリズムを破棄しますか? YSlow が Cache-Control: max-age ではなく Expires ヘッダーを設定することを推奨するのはなぜですか?

他の推奨事項はありますか？CSS と JS を圧縮し、可能な場合はスプライトを使用し、可能な場合は Expires ヘッダーと ETag を設定します。まもなく、Yahoo Compression Tool と gzipping 出力を使用して画像を圧縮します。

さて、私は自分のアプリケーションを最適化しようとしており、現在これにページ速度を使用しています. 最も強力な推奨事項の 1 つは、ブラウザーのキャッシュを活用する必要があるというものでした。レポートから次のページに移動しました。

http://code.google.com/intl/pt-BR/speed/page-speed/docs/caching.html#LeverageBrowserCaching

このページには、次の引用があります。

Last-Modified の日付が十分に過去の日付である場合、ブラウザはそれを再取得しない可能性があります。

私のポイントは、Last-Modified ヘッダーに設定した値は関係ありません (10 年前に試しました)。アプリケーションにアクセスしてリロードすると (常にブラウザーの最近の履歴をクリアします)、最初のアクセスでステータス 200 を取得します。 、およびリーミング用の 304。

Google のドキュメントに記載されている動作を取得する方法はありますか? つまり、ブラウザは私のサイトから静的リソースを取得しようとしないのですか?

帯域幅が大きく異なるユーザーに対応する必要がある Web サイトで作業したことがある人がいるかどうか知りたいです。さまざまなユーザー グループに合わせてサイトを調整したい

帯域幅の速度をテストするために使用できる手法はありますか? Cookie を設定して (ページの実行テストを毎回停止するために)、結果に応じて含まれる css/javascript と画像の URL を調整しますか?