Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:
通知
すべてクリア

[解決済] PageSpeed Insightsの結果がPCだけ遅い

6 投稿
4 ユーザー
2 Reactions
2,021 表示
(@ponko)
Eminent Member Registered
結合: 6年前
投稿: 42
トピックスターター  

PageSpeed InsightsでスマホとPCのスピードを見てみると、PCだけかなりスピードが遅いことが気になっています。

例えば下記の記事ですと、スマホは99点、PCは54点でした。

https://ponkoshu.com/35th-and-halloween-tokyo-desney-sea/

 

下記の解説記事を参考にテーマ側の設定はしています。

https://wp-cocoon.com/site-speed-up/

 

キャッシュプラグインは、LiteSpeed CacheとWp Fastest Cacheを試して、現在はWp Fastest Cacheを設定しています。

気持ち速くなったかも程度で、プラグインは停止してもそれほど変化はありません。

 

また、画像は基本的にはgoogle photoから引っ張ってきているため、CDNは不要だという認識です。(スマホもgoogle photoから引っ張ってきていますが、99点ですのでここは問題ないと思っています)

 

PCとスマホ両方遅ければ、ある意味納得できますが、PCだけ遅いことがちょっと気になっています。

 

何かお気づきの点がございましたら、アドバイスいただけるとうれしいです。

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

また、画像は基本的にはgoogle photoから引っ張ってきているため、CDNは不要だという認識です。(スマホもgoogle photoから引っ張ってきていますが、99点ですのでここは問題ないと思っています)

実はこれが大きな問題です。
Googleフォトに置いてある画像は、JetpackのPhotonとは違い、PageSpeed Insightsに合わせた画像圧縮がされているわけではありません。添付画像にもあるように画像圧縮が多く指摘されています。

あと、そのページの原因としては、Googleマップですね。
Googleマップで使用されているリソースのブラウザキャッシュ期限が短いです。

これら双方とも外部的要因なので、テーマ側からはどうしようもありません。
テーマ側からどうにかしようと思えば、ウィザード級のハッキング技術が必要です。そして当然犯罪になります。
なので、これらについては記事作成時点で対応するか(Google Photoを使用しないとか)諦めるしかないかもしれません。


   
(@ぽんこ)
Eminent Member
結合: 6年前
投稿: 33
 

わいひらさま

 

コメントありがとうございます。

わいひらさまのコメントを読んで、一点腑に落ちないことがあります。

PageSpeed Insightsの指摘では、確かにPC表示で画像の圧縮が推奨されていますが、全く同じようにモバイル表示でも同じ画像の圧縮(圧縮率も同じ)が推奨されています。(PC表示とモバイル表示で同じ画像を表示しているので当然のことだと思いますが)

PCの方が若干画像の枚数が多いのは、恐らくサイドバーに表示されているアドセンス広告の画像分です。モバイルではサイドバーのアドセンス広告が表示されないようになっているため、ほんの少しだけモバイルの方が画像の枚数が少ないためです。

 

本文に表示されている画像の数や容量は同じに見えるにも関わらず、モバイルが99点で、PCが50点ちょっとという点が納得いっていない部分なのですが。。。

何か心当たりはおありでしょうか?

あるいは、PCとモバイルで同じ画像を使用していると、PC表示だけスコアが悪くなることは当たり前なのでしょうか?

 

私自身あまり分かっておらずお聞きしているばかりで申し訳ありません。

 


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんにちは。

PageSpeed Insightsでは、ファーストビューを表示するまでの時間が重視されます。

PCではファーストビューにあるサイドバーを表示させるために、メインコンテンツのソースをたどる必要があります。そのため、メインコンテンツの要素が多いと、PCのみ速度が落ちる可能性があります。

特にGoogleMapやアドセンスなどで、遅くなると予想できます。

また、サイドバーにあるアドセンスもファーストビューにあるので、影響しているように見えます。

Cocoonはかなり高速なテーマですが、このあたりはコンテンツ次第と思います。

 

あとPageSpeed Insightsの速度は、他のサイトと比べてのスコアとなります。

実際にPCサイトへアクセスしてみて、ユーザーが離脱するほど遅いと感じた場合は、その記事だけ1カラムにしたり、アドセンスの調整やコンテンツの調整をするのが良いと思います。

僕の場合、GoogleMapもユーザーには必要だと思いますし、PCはあまり気にしないですね・・・。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

書きたいことは、ほとんどたなかまさんが書かれていました。すごくわかりやすいです。ありがとうございます。
スマホは、ファーストビューを表示するのに必要な情報が少ないからということだと思います。


   
(@ponko)
Eminent Member Registered
結合: 6年前
投稿: 42
トピックスターター  

わいひらさん、たなかまさん

コメントありがとうございます。

私も色々調べてみてファーストビューの重要性を理解しました。

ファーストビューが少しでも軽くなるように、遅延読み込み系のプラグインを追加してちょっとスコアが良くなったように思います。
それ以外にも、人気記事や関連記事のサムネイルを低解像度画像に指定するなどして、それなりにスコアは上がってきました。

 

今まではコクーンにお任せでしたが、今回の件で私ももう少しSEOを勉強する必要性を感じました。

 

ありがとうございました。

 


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました