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

カテゴリーページのブログパーツ読み込み部分のCLS値が高くなる < SWELLに関する質問

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

カテゴリーページのブログパーツ読み込み...
 
通知
すべてクリア

カテゴリーページのブログパーツ読み込み部分のCLS値が高くなる

4 投稿
2 ユーザー
1 Likes
1,210 表示
すいみん
(@suimin)
Eminent Member
Topic starter
 

CLS対策をしています。

カテゴリーページにボリュームのある記事を書かれる方のサイトで、カテゴリーだけCLSの値が合格しにくいのでなやんでいます。

PSIの指摘(レイアウトが大きく変わらないようにする)だと、

<div class="p-termContent">

が常に0.15程度のスコアを出してしまい、解決方法が思いつかないので、可能であればご相談させてください。

※ちなみに画像などはサイズ表記されています。
※サーバーはVPS(KUSANAGI)を使った高速サーバーです。

 
投稿済 : 29/04/2021 2:16 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

SWELLの標準状態では記事ページと同じ処理を加えていて、スクリプトのLazyload時に画像の高さはちゃんと維持されるようにはなっていると思うので、現状のこの情報だけだとなんとも言えないですね... 🤔 

 
投稿済 : 29/04/2021 2:46 pm
すいみん reacted
すいみん
(@suimin)
Eminent Member
Topic starter
 

ありがとうございます。その情報だけでも貴重です。もう少しCLSと格闘してみます。

 
投稿済 : 05/05/2021 2:53 am
すいみん
(@suimin)
Eminent Member
Topic starter
 

いまだにCumulative Layout Shiftが0.522と表示崩れが厳しいのですが。

ブログパーツの読み込む量が相当量あるので、もしうまく分割できる方法など知ってましたらヒントをいただきたいです。

 
投稿済 : 16/05/2021 9:41 am
共有: