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가 애니메이션이 아닌 한 점들은 여전히 표시될 것입니다. 어쨌든 이를 숨기고 싶으신 이유가 잘 모르겠는데, 대부분 사람들에게는 0.5초도 안 되어 사라지는 무해한 요소이므로요.

안녕하세요 @darkpixlz. 저는 포럼을 4주마다 업데이트합니다 :slightly_smiling_face: 약간 예상치 못한 일이었어요. 아마도 최근 며칠 동안 Discourse Splash가 더 오래 표시되고 있어서 이제야 눈치챈 것 같기도 하고요.

점들은 여전히 숨기고 싶습니다. 아무것도 변하지 않았는데도 점들이 있으면 사이트가 느리게 보이기 때문이죠. 테마 CSS를 편집하는 것이 이 목적을 달성하는 올바른 방법인지 궁금합니다. 그 초기 로딩 단계에서 테마 CSS가 적용되는지 확신이 서지 않습니다.

이 설정은 파란색 점을 사용자 정의 로딩 애니메이션으로 대체하는 용도입니다. 기술적으로 빈 값으로 대체할 수는 있지만, 그렇게 하면 페이지가 로딩 중임을 사용자에게 알리지 못할 수 있습니다.

네, 최근에 이 스플래시 화면을 비활성화하는 설정을 제거했습니다.

해당 설정은 기능이 실험 단계였을 때 처음 추가되었으나, 지금은 수년째 안정적으로 작동하고 있습니다. 실제로 스플래시 화면을 비활성화하면 코어 웹 바이탈 점수(구글 검색 랭킹에 영향을 미치는 요소)가 오히려 낮아질 수 있어, 이 사실을 모른 채 비활성화한 경우 위험할 수 있었습니다.

앞서 언급했듯, 이제 Splash screen image 사이트 설정을 통해 사용자 지정 이미지를 업로드할 수 있습니다. 정적 이미지를 업로드하면 점들이 여전히 아래에 표시되지만, 애니메이션 SVG를 업로드하면 기본 점들이 완전히 대체됩니다.

자신의 사이트에 잘 어울리는 로딩 이미지를 찾아 실험해 보는 것이 좋을 수 있습니다. 하지만 여전히 빈 화면을 선호한다면 투명한 애니메이션 SVG를 업로드할 수 있습니다(다만, 이 경우에도 코어 웹 바이탈 점수가 낮아질 수 있으며, 구글은 투명한 이미지를 무시할 수 있습니다).

도움이 될 경우를 대비해 투명한 애니메이션 SVG가 포함된 zip 파일을 첨부합니다. blank-animated.svg.zip (1 KB)

Man Presses Citation Needed Button

좋은 생각입니다!

일반적으로 건강한 사이트는 대시보드 이모지가 빨간색이 될 때 업데이트됩니다 :face_with_tongue:

확인해 주셔서 감사합니다! 제가 잘못 기억하고 있는 게 아니었으니 다행입니다 :smiley: 제안해 주신 대로, 앞으로 몇 주 동안 저희 사이트의 코어 웹 바이탈(Core Web Vitals) 점수를 모니터링하여 로딩 인디케이터가 미치는 영향을 파악하겠습니다.