Background
Il mio forum è noto per una serie a rotazione di banner divertenti. Ecco un plugin che utilizzo per mostrare casualmente banner diversi tra una visita e l’altra o quando l’utente esegue un aggiornamento.
Come installare
|||
|-|-|-|
| 
| Riepilogo | Aggiunge un banner scelto casualmente da un elenco.
| 
|Repository| GitHub - ScottMastro/discourse-randomized-banner: Randomized Discourse Banner Plugin |
|:open_book: | Guida all’installazione | Come installare plugin in Discourse
AGGIORNA 
Opzioni del plugin
Le immagini dei banner da randomizzare sono incluse nell’impostazione banner images. Per mostrare a un ospite (utente non registrato) un banner statico univoco, aggiungilo all’impostazione guest banner. Per mostrare a tutti gli utenti un banner statico, utilizza l’impostazione override banner.
Implicazioni SEO
Poiché la natura casuale di questo plugin rende il banner dinamico, un’implementazione ingenua potrebbe inserire il banner casuale troppo tardi, causando una misura elevata di Largest Contentful Paint (LCP) e potenzialmente uno Content Layout Shift (CLS).
Per l’LCP, l’opzione optimize lcp precarica il banner ospite e il banner di override (se esistono) in modo che vengano visualizzati più velocemente. I banner randomizzati non vengono precaricati per ridurre al minimo il precaricamento di asset non utilizzati. È importante mantenere le dimensioni dei file dei tuoi banner più piccole per ridurre al minimo il tempo di download dei banner.
NOTA
Ho mantenuto l’LCP a livelli sufficienti sul mio forum, ma cerco di utilizzare banner più piccoli di 2 MB e uso una CDN. Ho anche reso il mio banner ospite di circa 200 KB. Ma ho modificato l’implementazione del plugin poco prima di scrivere questo post. Non dovrebbero esserci problemi di LCP, tuttavia non c’è garanzia. Ho intenzione di monitorare il mio LCP. Si prega di usare con cautela.
Per il CLS, lo spostamento del contenuto viene evitato definendo in anticipo le dimensioni dell’immagine nell’HTML. L’ banner aspect ratio è necessario in anticipo per disegnare il div che contiene il banner. Pertanto, si desidera che tutti i banner casuali abbiano approssimativamente lo stesso rapporto d’aspetto. Altri rapporti verranno adattati, ma potrebbero essere allungati o rimpiccioliti.