Como desabilitar "preloader-image" em uma instância do Discourse?

Olá! Recentemente atualizamos nosso site para “Discourse v2026.5.0-latest — Commits · discourse/discourse · GitHub — Ember v6.10.1”. Ele traz muitas melhorias legais. No entanto, notei que ele também começou a exibir a tela de splash com pontos azuis ao carregar a página:

Não consigo mais encontrar a configuração para desativar isso. Sinto que antes eu conseguia desativar. Agora, a única configuração que vejo é “splash_screen_image”. Devo fazer o upload de um SVG vazio aqui para desativá-lo?

Uau. Isso foi adicionado em 2022, quase 4 anos atrás. Você realmente deveria se preocupar mais em atualizar seu site; sites saudáveis geralmente são atualizados a cada 2 a 3 semanas…

De qualquer forma, não, não é possível desativá-lo. No entanto, você pode personalizá-lo com a configuração que mencionou. Suponho que você possa usar um SVG vazio, mas os pontos aparecerão de qualquer maneira, a menos que o SVG seja animado. Não vejo motivo para você querer escondê-los, pois são inofensivos e desaparecem em menos de meio segundo para a maioria das pessoas.

Olá @darkpixlz, atualizo meu fórum a cada quatro semanas :slightly_smiling_face: É um pouco inesperado. Talvez eu esteja apenas notando o Splash do Discourse agora ou ele esteja aparecendo por mais tempo nos últimos dias.

Ainda gostaria de ocultar os pontos, pois eles fazem o site parecer mais lento, mesmo que nada tenha mudado. Estou me perguntando se editar o CSS do tema é a maneira correta de conseguir isso. Não tenho certeza se o CSS do tema será aplicado nessa fase inicial de carregamento.

Essa configuração serve para substituir os pontos azuis por uma animação de carregamento personalizada. Você tecnicamente poderia substituí-la por algo vazio, mas isso pode não fornecer nenhuma indicação aos seus usuários de que a página está carregando.

Sim, recentemente removemos a configuração para desativar essa tela de splash.

A configuração foi originalmente adicionada quando o recurso era experimental, mas já está estável há anos. Desativar a tela de splash pode, na verdade, resultar em uma pontuação pior em Core Web Vitals (um fator nos rankings do Google), o que era um pouco perigoso se você a desativasse sem estar ciente disso.

Como mencionado, agora você pode fazer upload de uma imagem personalizada usando a configuração do site Imagem da tela de splash. Quando você faz o upload de uma imagem estática, os pontos ainda aparecerão abaixo dela… mas se você fizer o upload de um SVG animado, ele substituirá completamente os pontos padrão.

Pode valer a pena experimentar isso e ver se há uma imagem de carregamento que funcione bem para seu site. Mas, se você ainda preferir a página em branco, pode fazer o upload de um SVG animado transparente (embora observe que isso também pode resultar em uma pontuação pior em Core Web Vitals, pois o Google pode ignorar imagens transparentes).

Aqui está um arquivo zip contendo um SVG animado transparente, caso seja útil blank-animated.svg.zip (1 KB)

Homem aperta o botão 'Citação Necessária'

Eu diria que sites geralmente saudáveis são atualizados quando o emoji do painel fica vermelho :face_with_tongue: