Discourse インスタンスで「preloader-image」を無効化する方法は?

こんにちは!最近、当サイトを「Discourse v2026.5.0-latest — Commits · discourse/discourse · GitHub — Ember v6.10.1」にアップグレードしました。多くの素晴らしい改善が加わっています。しかし、ページ読み込み時に青いドットのスプラッシュスクリーンが表示されるようになったことに気づきました。

これを無効にする設定が見つかりません。以前は無効化できた気がするのですが。現在見られる設定は「splash_screen_image」のみです。これを無効にするために、ここに空の SVG をアップロードすべきでしょうか?

ええと、これは2022年に追加されたもので、すでに約4年が経過しています。サイトは通常、健全な状態を維持するために2〜3週間ごとに更新されるべきです。

ともかく、これを無効化することはできません。ただし、ご指摘の設定でカスタマイズすることは可能です。空のSVGを使用することも考えられますが、SVGがアニメーション化されていない限り、ドットは表示されてしまいます。そもそも、なぜそれらを非表示にしたいのか理解できません。それらは無害であり、ほとんどの場合、半秒未満で消えるものです。

こんにちは @darkpixlz さん、私は4週間ごとにフォーラムを更新しています :slightly_smiling_face: 少し意外ですね。もしかしたら最近、Discourse のスプラッシュに気づき始めたのか、あるいはここ数日は表示時間が長くなっているのかもしれません。

まだドットを非表示にしたいと考えています。何も変化がなくても、サイトが遅く見えるためです。これを達成するために、テーマの CSS を編集するのが正しい方法かどうか疑問に思っています。その早期の読み込み段階でテーマの CSS が適用されるかどうかは確信が持てません。

この設定では、青いドットをカスタム読み込みアニメーションに置き換えることができます。技術的には空のコンテンツに置き換えることも可能ですが、その場合、ユーザーに対してページが読み込み中であることを示す手がかりが失われる可能性があります。

はい、最近このスプラッシュスクリーンを無効にする設定を削除しました。

この設定は、機能が実験的だった頃に追加されたものでしたが、すでに数年間安定しています。スプラッシュスクリーンを無効にすると、実際には Core Web Vitals のスコア(Google の検索順位に影響する要素)が悪化する可能性があるため、これを無効にしていることに気づかないまま使用していた場合は、やや危険でした。

前述の通り、現在は「スプラッシュスクリーン画像」というサイト設定を使って、カスタム画像をアップロードできます。静的な画像をアップロードすると、その下にまだドットが表示されますが、アニメーション付きの SVG をアップロードすれば、デフォルトのドットが完全に置き換わります。

ご自身のサイトに適した読み込み画像があるか試してみる価値があるかもしれませんが、それでも空白のページを希望される場合は、透明なアニメーション付き SVG をアップロードすることも可能です(ただし、これも Core Web Vitals のスコアを悪化させる可能性があります。Google は透明な画像を無視する場合があります)。

参考になればと思い、透明なアニメーション付き SVG を含む ZIP ファイルを添付しました:blank-animated.svg.zip(1 KB)

引用が必要ボタンを押す男性

一般的に、健全なサイトはダッシュボードの絵文字が赤に変わると更新されます :face_with_tongue: