Réduire la charge tierce sur les pages auditées par Lighthouse

[Copilot]

L’audit Lighthouse passait sous les seuils attendus sur les pages auditées, principalement à cause de ressources tierces chargées trop tôt sur le parcours initial. Cette PR réduit le coût au chargement de la home et de la page music sans toucher aux métadonnées SEO.

• Home: stabilisation du player embarqué

  • suppression de l’autoplay sur l’iframe Mixcloud
  • chargement différé de l’iframe via loading="lazy"
  • retrait des scripts audio globaux non utilisés sur la page

• Music: report du widget audio tiers

  • remplacement du chargement immédiat du widget Elfsight par un chargement à la demande
  • insertion dynamique du script tiers uniquement après interaction utilisateur
  • conservation de l’accès au player via un CTA dédié et un fallback noscript

• Pages auditées: réduction du JavaScript inutile

  • suppression de howler / assets/js/main.js sur les pages où aucun contrôle audio n’est utilisé (index.html, contact.html, music.html)
  • réduction du travail main-thread et du poids JS initial sur les pages concernées

• Accessibilité et i18n du chargement différé

  • ajout d’un statut live pour annoncer le chargement du player
  • intégration des libellés du bouton et du message d’aide au système multilingue existant

Exemple du changement clé sur la page music :

<button type="button" id="audio-player-trigger" class="player-load-btn">
  Charger le lecteur audio
</button>

<script>
  function loadAudioPlayer() {
    const script = document.createElement('script');
    script.src = 'https://static.elfsight.com/platform/platform.js';
    script.defer = true;
    document.head.appendChild(script);
  }

  audioPlayerTrigger.addEventListener('click', loadAudioPlayer);
</script>

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[DavidKRK]

LGTM. Bonne simplification du chargement des pages, avec une amélioration perf/accessibilité sur music.html grâce au chargement à la demande du player.