会員サイトをリニューアルしました! 新サイトはこちら

CLSについて(目次の表示/非表示) < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

CLSについて(目次の表示/非表示)
 
通知
すべてクリア

[解決済] CLSについて(目次の表示/非表示)

9 投稿
3 ユーザー
2 Likes
1,467 表示
taro123
(@taro123)
Active Member
Topic starter
 

はじめまして。たろうと申します。

投稿ページの上部(ファーストインプレッション)に目次が表示される場合にCLSの値が悪化、目次を非表示にするとCLSの値が良化するようです。

Swellのバージョン: 2.5.0.7です。
検証のためキャッシュや外観に関するプラグインは停止してみましたが、目次を表示するとCLSの値が悪化するようです。Swellのバージョンは不明ですが、7月中旬くらいまでにはなかったように思います。

対策方法があれば、ご教示ください。

This topic was modified 3年前 by taro123
 
投稿済 : 26/08/2021 11:49 pm
skillsharejp
(@skillsharejp)
Estimable Member
 

対象となるサイト又はページのURLを記載してください。

SWELL高速化アドバイザー
個別サイト高速化のご依頼は販売サイトのお問い合わせからお願いします。

 
投稿済 : 27/08/2021 2:02 am
taro123
(@taro123)
Active Member
Topic starter
 

返信ありがとうございます。

対象となるページのURLです。
https://tips-online.net/switch/parental-controls/

 
投稿済 : 27/08/2021 2:10 am
skillsharejp
(@skillsharejp)
Estimable Member
 

@taro123 ラボデータでも特段CLSに問題は出ていませんでした。(添付画像あり)

今後気になる結果が出たらPSI結果ページの「計算ツールはこちら」のリンク先をコピーしこちらへ貼り付けてください。また必ず対象となるURLを記載してください、さもないと正確な判断ができません。

SWELL高速化アドバイザー
個別サイト高速化のご依頼は販売サイトのお問い合わせからお願いします。

 
投稿済 : 27/08/2021 2:15 am
taro123
(@taro123)
Active Member
Topic starter
 

@skillsharejp 

返信ありがとうございます。計算ツールのリンク先・対象となるURLの件、了解しました。

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftips-online.net%2Fswitch%2Fparental-controls%2F

たびたび恐れ入ります。CLSはやはり0.1を超えるようです。

 
投稿済 : 27/08/2021 2:23 am
skillsharejp
(@skillsharejp)
Estimable Member
 

@taro123 うーん・・・なるほどw

とりあえず一つ言える事は目次の高さについては各利用者毎に小見出し利用数が違うので変化するので現段階でどこまでテーマ本体として調整できるか?についてはまだ検討が必要です。了さんに確認してみます。

そしてユーザー側で対処する方法としては目次前のコンテンツを増やす(テキストを増やす)事で目次がCLSに与える影響を少なくする事ができます。

記事にアイキャッチ画像を表示するオプションを利用すると同じ様な事もできます(アイキャッチが逆にLCPに影響与えてしまうかもしれませんが)。

SWELL高速化アドバイザー
個別サイト高速化のご依頼は販売サイトのお問い合わせからお願いします。

 
投稿済 : 27/08/2021 2:36 am
taro123 reacted
taro123
(@taro123)
Active Member
Topic starter
 

ありがとうございます。
CLSの影響を少なくする対処を試みます。

 
投稿済 : 27/08/2021 2:49 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

目次の生成は今はスクリプトでやってるのですが、PHP側からやる方式に切り替えてみるのを検討してみます!

 
投稿済 : 27/08/2021 9:19 am
taro123 reacted
taro123
(@taro123)
Active Member
Topic starter
 

@ryo

ご検討ありがとうございます。
よろしくお願いします。

 
投稿済 : 27/08/2021 9:42 am
共有: