問題タブ [google-pagespeed]

このページは、カスタム ユーザー エージェントを使用していることを示していますが、名前は言及されていません。ユーザー エージェントが PageSpeed のものである場合、いくつかのロジックを実行できるようにしたいと考えています。Google PageSpeed ユーザー エージェントの名前は?

URL をhttp://example.comに書き込む Google の「nginx page speed」プラグインに問題があります。Elastic Load Balancer を使用して、AWS で https を http にマップしています。

http://example.com/sample.XXXXXXX.cssとして変更された URL を見つけています。これは http エンド ポイントでは問題なく動作しますが、https エンド ポイントがある場合、http から https へのセキュリティ/クロス ドメインの変更により、css が機能しません。

ページ速度モジュールで絶対 URL の代わりに相対 URL を使用する方法はありますか?

だからここに取り引きがあります：

Magento で動作するように Google Page Speed をセットアップしようとしていますが、すべてのページが Google によって提供されるため、ユーザーのリクエストのクライアント IP アドレスがわからないのではないかと心配しています。これは、ユーザーがウェブサイトを操作する能力 (ログイン/ログアウトおよびチェックアウト) と分析 (Google アナリティクス) を使用する能力に影響を与えることを恐れています。これは本当に問題になるのでしょうか？

いくつかの調査を行った結果、Apache または PHP で X-Forwarded-For ヘッダーをセットアップする必要があることがわかりました。私たちのホストは、次の理由でこれを行うことができないと言っています。

通常、必要なことを行う mod_rpaf を使用しますが (転送された IP をコードに渡す前に実際の IP に変換します)、mod_rpaf では転送サーバーのリストを提供する必要があります。Google はこれを提供していないため、使用できません。

残された唯一のオプションは、Magento の PHP でセットアップすることです。これを行うにはどうすればよいでしょうか?

Magento 管理者 ([システム] > [構成] > [Web] > [セッション検証設定]) を行っているときに、「HTTP_X_FORWARDED_FOR を検証する」ことに気付きました。これを「はい」に変更すると解決しますか?

-ありがとう。

だから私は超最適化されたサイトを作成しています.https://developers.google.com/speed/pagespeed/でのページの読み込み速度は99（100のうち）です。

私を完全な百から遠ざけている唯一のことはこれです：

キャッシュ バリデータ (Last-Modified または ETag ヘッダー) を指定することにより、キャッシュされたリソースの有効性を効率的に判断できるようになります。

何？！どうすればいいのかわからない。Google Webfonts のキャッシュバリデーターを設定するにはどうすればよいですか?

私はこのようなウェブフォントを持っています: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>.

それが重要な場合、私はapache2でubuntuを使用しています。

Webフォントをサーバーにダウンロードしてそこから使用すると、スコアが96に低下するため、どちらも役に立ちません.

TL;DR 質問: Angular と PageSpeed はまったく互換性がありますか? これに関する情報はどこにも見つかりません。

AngularJS を使用して外部 Web サイトから画像を読み込むアプリケーションがあります。これらの画像は非常に大きい場合が多く (~500kb、~1200x900px)、私のアプリケーションでは低解像度 (~800x500px) で提供されます。画像サイズや圧縮レベルを制御することはできません。

Google PageSpeed サービスにサインアップし、すべてを稼働させています。ただし、これらの画像は一切触れられていません。これは、AngularJS を使用してそれらを提供しているためかどうか疑問に思っています (画像は Angular にあるにもかかわらず、src="{{img}}"ではなく で画像を提供していますng-src)。

これを機能させるために何ができるかについてのアイデアはありますか? 私にとって理想的なサービスのように思えます。画像の適切な圧縮とスケーリングにより、ページの読み込みが最大 2 MB から最大 100 kb になります!

同様のことを行う他のサービスはありますか？画像をユーザーに提供する前に、画像を圧縮およびスケーリングするための何らかのミドルウェアが必要です。

編集:明確にするために、私のサーバーは NodeJS/ExpressJS/AngularJS/MongoDB を使用して Heroku で実行されています。これが何かに影響するかどうかはわかりません。

最近まで、私のサイト (www.heatexchangers.ca) は Google Page Speed で 98% を記録していました。Web フォントからのクエリ文字列など、私が何もできなかったことがいくつかありました。これは私ができるすべてを表していたので、私はこれに非常に満足していました.

最近、Google はページ スピード スコアに影響を与える何かを追加しましたが、ページ スピードで 89% しか得られず、次の提案が表示されます。

• スクロールせずに見えるコンテンツで、外部のレンダリングをブロックする JavaScript と CSS を排除します。

これを修正するための提案には、すべての .css および .js ファイルをトローリングし、それらの一部を分離して html にインラインで追加することが含まれているようです。これは、できるだけ多くの JS と CSS を HTML から除外する必要があるという印象を受けていたため、混乱を引き起こしています。

「アバブ ザ フォールド」コンテンツとは正確には何ですか? フォント、背景色などのいくつかのスタイルの場合; そうすれば、インラインを含めるのは大したことではないことがわかります。これが正確に何であるかのリストを見つけることができませんでした。

アプリケーションでロードする必要がある約 14 個の css シートと約 12 個の js ファイルがあります。

私はグーグルページスピードを使用しています。

14枚を1枚にまとめる代わりに、3枚にまとめます。

JavaScript の組み合わせでさえうまく機能していませんが、ある程度は機能しています。そこにも縮小はありません。

ドキュメントを読んでみましたが、実際には多くの手がかりが見つかりません。

また、縮小は行っていません。機能していますが、ある程度しか機能していません

これに関係するすべてのコードは次のとおりです。

私が見逃したフィルターは何ですか？

ページの速度を確認しているときに、Google ページの速度から、「ブラウザのキャッシュを活用する」よう提案されました。.config ファイルでこのコードを使用して、MVC アプリケーションでキャッシュを有効にしました。

この後、自分のドメインからの静的コンテンツのキャッシュがキャッシュされていますが、機能しています。

ただし、外部ドメインからの静的リソースはキャッシュされません。例: mydomain.com/content/scripts/somescript.js --> キャッシュされている http://widget.uservoice.com/ha3YmZucx5RAYmq2cS9qw.js --> キャッシュされていない

そのため、Google はまだ「ブラウザのキャッシュを活用する」ことを提案しています。

アプリケーションが外部ドメインからの静的リソースをキャッシュできるようにするにはどうすればよいですか?