loading and splitted titles render speed fix

web/themes/custom/leshed/assets/js/main.js

@@ -61,6 +61,11 @@ gsap.registerPlugin(ScrollTrigger);
       initFsLightbox();
       initPageFull();
       // initVues()
+
+      // titles.js traite les titres hors écran par lots, après la première
+      // image : leurs hauteurs peuvent changer après la création des
+      // ScrollTriggers. Lenis suit seul (ResizeObserver) ; ScrollTrigger non.
+      document.addEventListener('leshed:titles-ready', () => ScrollTrigger.refresh(), { once: true });
     }
 
 
@@ -405,5 +410,10 @@ gsap.registerPlugin(ScrollTrigger);
     init()
   } // end LeShedTheme()
 
-  LeShedTheme()
+  // Démarrage APRÈS la première image : main.js s'exécute juste après
+  // titles.js (deux defer), et son init (Lenis, GSAP, fslightbox qui injecte
+  // un <style>) forçait restyle + mise en page avant que les titres prêts ne
+  // soient peints (~150 ms mesurés sur /projets). rAF → la frame est
+  // planifiée ; setTimeout → on passe après sa peinture.
+  requestAnimationFrame(() => setTimeout(LeShedTheme, 0))
 })(Drupal, drupalSettings)