Hintergrund
Mein Forum ist bekannt für eine rotierende Reihe von lustigen Bannern. Hier ist ein Plugin, das ich verwende, um zufällig verschiedene Banner zwischen Besuchen oder bei einer Aktualisierung durch den Benutzer anzuzeigen.
Installation
|||
|-|-|-|
| 
| Zusammenfassung | Fügt ein Banner hinzu, das zufällig aus einer Liste ausgewählt wird.
| 
|Repository| GitHub - ScottMastro/discourse-randomized-banner: Randomized Discourse Banner Plugin |
|:open_book: | Installationsanleitung | So installieren Sie Plugins in Discourse
AKTUALISIEREN 
Plugin-Optionen
Bannerbilder, die zufällig ausgewählt werden sollen, sind in der Einstellung banner images enthalten. Um einem Gast (nicht angemeldeter Benutzer) ein eindeutiges statisches Banner anzuzeigen, fügen Sie es zur Einstellung guest banner hinzu. Um allen Benutzern ein statisches Banner anzuzeigen, verwenden Sie die Einstellung override banner.
SEO-Implikationen
Da die zufällige Natur dieses Plugins das Banner dynamisch macht, kann eine naive Implementierung das zufällige Banner zu spät einfügen, was zu einem hohen Largest Contentful Paint (LCP)-Wert führt und möglicherweise zu einer Content Layout Shift (CLS) verursacht.
Für LCP lädt die Option optimize lcp das Gastbanner und das Überschreibungsbanner (falls vorhanden) vor, damit sie schneller gezeichnet werden. Die zufälligen Banner werden nicht vorab geladen, um die Vorabladung von nicht verwendeten Assets zu minimieren. Es ist wichtig, die Dateigrößen Ihrer Banner kleiner zu halten, um die Downloadzeit zu minimieren.
HINWEIS
Ich habe den LCP auf meinem Forum auf ausreichende Werte reduziert, aber ich versuche, Banner kleiner als 2 MB zu verwenden und nutze ein CDN. Ich habe auch mein Gastbanner auf etwa 200 KB eingestellt. Aber ich habe die Implementierung des Plugins geändert, kurz bevor ich diesen Beitrag geschrieben habe. Es sollte keine LCP-Probleme geben, aber es gibt keine Garantie. Ich plane, meinen LCP zu überwachen. Bitte mit Vorsicht verwenden.
Für CLS wird die Inhaltsverschiebung vermieden, indem die Bildgröße im Voraus im HTML definiert wird. Das banner aspect ratio wird im Voraus benötigt, um das Div zu zeichnen, das das Banner enthält. Daher möchten Sie, dass alle Ihre zufälligen Banner ungefähr das gleiche Seitenverhältnis haben. Andere Verhältnisse werden zwar berücksichtigt, aber möglicherweise gestreckt oder geschrumpft.