BeadyBanners delivers a streamlined, high-performance banner renderer, designed for sites where speed, SEO, and Core Web Vitals matter.
This module does not replace the admin interface—you continue managing banners using the standard QSL Banner System settings. It only replaces how banners are rendered on the storefront, removing unnecessary markup, inline styles, and wrappers.
Why Use BeadyBanners Instead of the Default Banner Templates?
| Feature | Default Banners | BeadyBanners |
|---|
| Clean, minimal HTML | ❌ Complex nested markup | ✔ Lean semantic output |
| Reduced DOM size | ❌ Large wrapper structures | ✔ Minimal containers |
| No inline styles | ❌ Styling injected per banner | ✔ Layout controlled by CSS only |
| CLS-safe image loading | ⚠ Layout shifts possible | ✔ Reserved aspect ratio + attributes |
| Lazy loading support | ⚠ Not consistent | ✔ Fully compatible with global lazy-load setting |
| Performance impact | ❌ Adds extra layout & render work | ✔ Lightweight, minimal output |
| Admin UI Compatibility | ✔ Yes | ✔ Yes (no changes required) |
Performance Benefits
- Lower HTML output per banner = faster rendering
- Minimal DOM depth reduces layout work and INP impact
- No inline styles = cleaner CSS and smaller paint cost
- Improved CLS and stability for hero banners
- No additional JavaScript required
What This Module Changes
Replaces:
Preserves all native functionality:
- Slider functionality
- Links, buttons & overlay text
- Banner placement (Top, Middle, Footer, etc.)
Does not modify:
- Admin banner management
- Database storage
- Parallax mode (remains stock)
Installation
- Upload the module.
- Enable via Admin → Modules.
- Clear cache.
- Banners begin using the lightweight frontend automatically.
Best For
- Performance-critical stores
- Shops chasing 90–100 PSI mobile scores
- Large hero sliders or high-resolution banners
- Developers replacing heavy visual themes with lean UX
Compatibility
- X-Cart 5.5 only
- Requires QSL Banner System enabled
- Supports image banners + text overlays
- Parallax output remains default implementation
