Antecedentes
Mi foro es conocido por una serie rotatoria de banners divertidos. Aquí hay un plugin que uso para mostrar aleatoriamente diferentes banners entre visitas o cuando el usuario realiza una actualización.
Cómo instalar
|||
|-|-|-|
| 
| Resumen | Añade un banner que se elige aleatoriamente de una lista.
| 
|Repositorio| GitHub - ScottMastro/discourse-randomized-banner: Randomized Discourse Banner Plugin |
|:open_book: | Guía de instalación | Cómo instalar plugins en Discourse
ACTUALIZAR 
Opciones del plugin
Las imágenes del banner para aleatorizar se incluyen en la configuración de banner images. Para mostrar a un invitado (usuario no conectado) un banner estático único, añádelo a la configuración de guest banner. Para mostrar a todos los usuarios un banner estático, utiliza la configuración de override banner.
Implicaciones de SEO
Dado que la naturaleza aleatoria de este plugin hace que el banner sea dinámico, una implementación ingenua puede insertar el banner aleatorio demasiado tarde, causando una medida alta de Largest Contentful Paint (LCP) y puede causar un Content Layout Shift (CLS).
Para LCP, la opción optimize lcp precarga el banner de invitado y el banner de anulación (si existen) para que se dibujen más rápido. Los banners aleatorizados no se precargan para minimizar la precarga de activos que no se utilizan. Es importante mantener los tamaños de archivo de tus banners más pequeños para minimizar el tiempo de descarga de los banners.
NOTA
He mantenido el LCP a niveles suficientes en mi foro, pero intento usar banners de menos de 2 MB y uso una CDN. También hice mi banner de invitado de unos 200 KB. Pero cambié la implementación del plugin justo antes de escribir esta publicación. No debería haber problemas de LCP, sin embargo, no hay garantía. Planeo monitorear mi LCP. Úselo con precaución.
Para CLS, se evita el desplazamiento del contenido definiendo el tamaño de la imagen de antemano en el HTML. El banner aspect ratio se necesita de antemano para dibujar el div que contiene el banner. Por lo tanto, querrás que todos tus banners aleatorios tengan aproximadamente la misma relación de aspecto. Otras relaciones de aspecto serán acomodadas, pero pueden ser estiradas o encogidas.