「第三者コードの影響を抑えてください」と、preconnect。|デザイナー、コーチ、ディレクターズメモ|井川igawa.

Memo

「第三者コードの影響を抑えてください」と、preconnect。

第三者コードの影響を抑えてください。

「第三者コードの影響を抑えてください」と、preconnect。

「第三者コードの影響を抑えてください」

どうも最近サイトの表示速度が遅い。以前はPageSpeed Insightsで80前後のスピードが出ていたが、今では60を切ることが多々ある。40以下のときさえもある。

PageSpeed Insightsの結果。

PageSpeed Insightsをチェックしていたところ、「第三者コードの影響を抑えてください」との表示が出ていた。

PageSpeed Insightsの結果。Speed IndexやFCP、LCP。

1番目と2番目にGoogleのタグ マネージャーとアナリティクスが表示されている。

https:抜きのURL。

おそらくユニバーサル アナリティクスからGA4への移行の際に何かを参考にしたコードの影響だが、URLに気がつかなかった。https:抜きの//からのURLは使用すべきではなかった。

<link rel="preconnect" href="//www.googletagmanager.com">

実際にアドレスバーに「//www.googletagmanager.com」や「www.googletagmanager.com」を入力してみたところ、アクセスできなかったり、400エラーとなり、Your client has issued a malformed or illegal request.と表示された。

訳すと「クライアントが不正なリクエストを発行しました。」となる。

<link rel="preconnect" href="https://google-analytics.com">

他方、アナリティクスの方はhttps:が付いているので、問題なく接続される。

これではおかしいので、タグ マネージャーの方のpreconnectのURLを変更を試みた。


preconnectの、接続先URLの修正。

具体的なコードとしては、、、

変更前)

<link rel="preconnect" href="//www.googletagmanager.com">

変更後)

<link rel="preconnect" href="https://www.googletagmanager.com">

とした。

すると、20ほどパフォーマンスが上がった。上記のコードがブロックの原因だったのか、Total Blocking Timeと、Largest Contentful Paint (LCP)が改善されている。

PageSpeed Insightsの結果。Speed IndeやFCP、LCP。

当サイトでスマホ70以上のスコアは久しぶりに見た。
とりあえずしばらくはこれで様子を見てみようと思う。

以上、参考になれば幸いです。


疲れた時は、栄養を。
ポスト投函で届く、人気のブドウ糖です。
砂糖の代わりにコーヒーや紅茶などに。

Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いています。(元々はメモ書きでしたので順次見直し、更新しています。) 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 写真や動画はフリー素材、購入素材、もしくは自前のものを使用しております。

井川 宜久 | Norihisa Igawa
デザイナー、ディレクター、講師、コーチ / 井川宜久

お問い合わせ CONTACT..

    Name(required)お名前 (必須)
    Furigana(required)ふりがな (必須)
    Email(required)メールアドレス (必須)
    Phone Number(required)電話番号 (必須)
    Message(required)ご質問・ご要望 (必須)


    免責事項について

    • 事実や経験、調査や検証を基にしていますが、私はただの人間です。万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。
    • 万一損害・トラブル等が発生した場合でも、一切の責任を負いかねます。