背景
我的论坛以其轮播的趣味横幅而闻名。这是一个我用来在访问之间或用户刷新时随机显示不同横幅的插件。
如何安装
|||
|-|-|-|
| 
| 摘要 | 添加一个从列表中随机选择的横幅。
| 
|存储库| GitHub - ScottMastro/discourse-randomized-banner: Randomized Discourse Banner Plugin |
|:open_book: | 安装指南 | 如何在 Discourse 中安装插件 |
刷新 
插件选项
要随机化的横幅图片包含在 banner images 设置中。要向访客（未登录用户）显示独特的静态横幅，请将其添加到 guest banner 设置中。要向所有用户显示静态横幅，请使用 override banner 设置。
SEO 影响
由于此插件的随机性使其具有动态性，因此简单的实现可能会过晚地加载随机横幅，导致较高的最大内容绘制（LCP）测量值，并可能导致内容布局偏移（CLS）。
对于 LCP，optimize lcp 选项会预加载访客横幅和覆盖横幅（如果存在），以便更快地绘制它们。不会预加载随机横幅，以最大限度地减少预加载未使用的资源。保持横幅文件大小较小以减少下载横幅的时间非常重要。
注意
我已将 LCP 保持在我的论坛上足够的水平，但我尝试使用小于 2MB 的横幅，并且我使用 CDN。我还将访客横幅设置为大约 200KB。但在撰写此帖子之前，我更改了插件的实现。理论上不应该有 LCP 问题，但不能保证。我计划监控我的 LCP。请谨慎使用。
对于 CLS，通过在 HTML 中预先定义图像大小来避免内容偏移。需要提前知道 banner aspect ratio 来绘制包含横幅的 div。因此，您希望所有随机横幅具有大致相同的纵横比。其他比例将通过拉伸或收缩来适应。