問題タブ [google-pagespeed]

Google Page Speed スコアを改善しようとしています。現在、モバイルは 51/100、デスクトップは 83/100 です。

問題の 1 つは、「スクロールせずに見えるコンテンツでレンダリングをブロックする JavaScript と CSS を削除する」です。これが適用される 2 つの項目は、縮小された CSS ファイルと外部の Google フォント ファイルです。これを修正するためにできることはありますか?

より一般的には、Google ページの速度スコアを改善する方法に関するフィードバックや提案。

ページ速度: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.backpackerjobboard.com.au%2F&tab=mobile

私のサイト: http://www.backpackerjobboard.com.au/

ありがとう！

IIS 8.5 で Google フォントのキャッシュ バリデータを指定したいと考えています。

web.config で行ったことは以下のとおりです。

拡張機能でキャッシュも追加しました

しかし、私が使用したGoogle Fontにキャッシュバリデーターを適用することはまだできません。また、静的コンテンツの有効期限を 2030 年 5 月などに設定しようとしましたが、Google PageSpeed もそれを認識しませんでした。* 私は .httaccess でそれを行うことができ、stackoverflow で .htaccess トピックをチェックしました。*

私はグーグルのページスピードを調べていて、試してみることにしました。同じことを学ぶために、いくつかのチュートリアルを行いました。チュートリアルでは、各ルールに関連付けられたscoreパラメーターがあることを示しました。ただし、取得した応答にはruleImpact、各ルールのパラメーターのみがあり、パラメーターはありませんscore。

これは私が使用したものです：

https://www.googleapis.com/pagespeedonline/v2/runPagespeed?url=https://www.google.com&key=XXXXXXXXXXXXXXXXXXXXXX

そして、これは私が得た応答です（応答全体ではなく、最初の数行のみを表示しています）-

私は何か間違ったことをしていますか？

API からスクリーンショットを取得しようとしましたが、画像をデコードして保存すると、壊れた画像が表示されます。以下は私が使用しているコードです。テストしたい場合は、Google 応答を含むサンプル ファイルへの tinyurl を作成しました。

Googleが推奨するように、.htaccessにExpiresヘッダーを設定しています.Boilerplateがそれを行う方法です。

しかし、チェックマーク「ブラウザのキャッシュを有効にする」でGoogle Pagespeed Insightsにまだエラーがあります。

誰でも、私のコードやグーグル、またはその理由は何ですか??

Google ページ速度ツールでサイトをテストし、ユーザー エクスペリエンス セクションで次の点を考慮しました。しかし、問題は、ページ サイズからはみ出すテキストがなく、水平スクロールの問題がないことです。誰かがこれの理由を知っていますか？前もって感謝します

リンクはこちら https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdhhandmade.com%2Fweb%2Fmp%2Fno%2F1home.html

エラーメッセージは次のとおりです。

"コンテンツをビューポートにサイズ変更 ページ コンテンツがビューポートに対して広すぎるため、ユーザーは水平方向にスクロールする必要があります。ユーザー エクスペリエンスを向上させるために、ページ コンテンツのサイズをビューポートに合わせてください。

ページ コンテンツの幅は 323 CSS ピクセルですが、ビューポートの幅は 320 CSS ピクセルしかありません。次の要素は、ビューポートの外にあります。