視覚的安定性の悪さ

Topic summary

ユーザーが視覚的安定性(Cumulative Layout Shift)の問題に直面しており、改善方法がわからず困っている状況です。

提案された解決策:

  • 「Cumulative Layout Shift 改善」で検索し、HTML/CSS/JavaScriptレベルでの改善方法を参照
  • Shopify特有の対策として、JavaScriptの読み込み・実行タイミングが不適切なアプリを削除する

注意点:

  • いずれの方法もHTML/CSS/JavaScriptの一定以上の知識が必要
  • 簡単な解決策は提示できない状況
  • 可能であれば構築パートナーに依頼することを推奨

現状: 具体的な解決には至っておらず、専門知識または外部支援が必要な段階で議論は終了しています。

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

視覚的安定性が悪くて非常困ってます、改善の仕方もわからないです

1 Like

@Lumiton

「Cumulative Layout Shift 改善」で検索いただくと、

https://www.google.com/search?q=Cumulative+Layout+Shift+%E6%94%B9%E5%96%84

HTML, CSS, JavaScriptレベルでの改善方法に関する記事がヒットしますので、

それらをご覧いただくのが良いのです。

上記は、テーマのコードをカスタマイズしている場合に有効な方法と言えますが、

「Shopify」に限定した場合、

JavaScriptの読み込みタイミングや実行タイミングが適切でないアプリの削除する、

ことも改善につながるかもしれません。

「これで解決できる!」という簡単な方法をご提示できれば良いのですが、

残念ながら、どの方法も、HTML, CSS, JavaScriptの一定以上の知識が必要になってきます。

可能であれば、構築パートナーを探されてご依頼いただくのが良いかと思います。

ご参考まで。

(キュー田辺)