Plano de Fundo
Meu fórum é conhecido por uma série rotativa de banners divertidos. Aqui está um plugin que uso para exibir aleatoriamente diferentes banners entre visitas ou quando o usuário realiza uma atualização.
Como Instalar
|||
|-|-|-|
| 
| Resumo | Adiciona um banner escolhido aleatoriamente de uma lista.
| 
|Repositório| GitHub - ScottMastro/discourse-randomized-banner: Randomized Discourse Banner Plugin |
|:open_book: | Guia de Instalação | Como instalar plugins no Discourse
ATUALIZAR 
Opções do Plugin
As imagens de banner a serem randomizadas estão incluídas na configuração banner images. Para mostrar a um convidado (usuário não logado) um banner estático exclusivo, adicione-o à configuração guest banner. Para mostrar a todos os usuários um banner estático, use a configuração override banner.
Implicações de SEO
Como a natureza aleatória deste plugin torna o banner dinâmico, uma implementação ingênua pode inserir o banner aleatório tarde demais, causando uma alta medida de Largest Contentful Paint (LCP) e pode causar uma Content Layout Shift (CLS).
Para LCP, a opção optimize lcp pré-carrega o banner de convidado e o banner de substituição (se existirem) para que sejam exibidos mais rapidamente. Os banners randomizados não são pré-carregados para minimizar o pré-carregamento de ativos que não são usados. É importante manter os tamanhos dos arquivos de seus banners menores para minimizar o tempo de download dos banners.
NOTA
Mantive o LCP em níveis suficientes no meu fórum, mas tento usar banners menores que 2MB e uso uma CDN. Também fiz meu banner de convidado com cerca de 200KB. Mas alterei a implementação do plugin logo antes de digitar este post. Não deveria haver problemas de LCP, no entanto, não há garantia. Planejo monitorar meu LCP. Por favor, use com cautela.
Para CLS, a mudança de conteúdo é evitada definindo o tamanho da imagem com antecedência no HTML. A banner aspect ratio é necessária com antecedência para desenhar a div que contém o banner. Portanto, você deseja que todos os seus banners aleatórios tenham aproximadamente a mesma proporção. Outras proporções serão acomodadas, mas podem ser esticadas ou encolhidas.