Test 16

This version has some tweaks to improve performance. Namely:

Changes made

1. Lazy-load images

   js

   CopyEdit

   im.setAttribute('loading','lazy'); thumb.setAttribute('loading','lazy');

2. Preconnect hint

   html

   CopyEdit

   <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>

3. Autoplay scoped to viewport
   Wrapped startAuto()/stopAuto() in an IntersectionObserver so the carousel only spins when ≥50% of it is on-screen.

4. CSS containment & will-change

   css

   CopyEdit

   #custom-carousel .glider-main { contain: layout paint !important; will-change: transform !important; }