TTSWP ajoute de l'audio à vos pages sans nuire aux performances. Le lecteur est chargé en différé, les ressources sont optimisées, et rien ne s'exécute au chargement de la page si ce n'est pas nécessaire. Voici comment nous protégeons vos Core Web Vitals.
Impact sur les Core Web Vitals
LCP (Largest Contentful Paint)
Impact : aucun
Le lecteur audio est chargé en différé. Il n'affiche ni ne charge de JavaScript tant que le visiteur ne fait pas défiler la page jusqu'à lui. Le LCP, qui mesure le temps de rendu du contenu principal au-dessus de la ligne de flottaison, n'est pas affecté.
Test : effectuez des audits Lighthouse avant et après. Les scores LCP restent dans la variance normale.
CLS (Cumulative Layout Shift)
Impact : zéro
Le placeholder du lecteur a exactement les mêmes dimensions que le lecteur entièrement chargé. Quand le chargement différé déclenche le passage du placeholder au lecteur complet, aucun décalage de mise en page ne se produit.
INP (Interaction to Next Paint)
Impact : négligeable
Le JavaScript du lecteur s'exécute dans un seul petit fichier (environ 15 Ko compressé). Les gestionnaires de clics sont anti-rebond et s'exécutent sur requestIdleCallback lorsque c'est pris en charge. Contribution INP typique : moins de 5 ms par interaction.
FID (First Input Delay, remplacé par l'INP en 2024)
Impact : zéro
Rien ne bloque le thread principal au chargement initial de la page, puisque le lecteur se charge en différé.
Tailles des ressources
Coût de chargement par page lorsque le lecteur est actif :
| Ressource | Taille (compressée) | Quand chargée |
|---|---|---|
| CSS du lecteur public | 3 Ko | Quand le lecteur est visible |
| JS du lecteur public | 15 Ko | Quand le lecteur est visible |
| Aide à la forme d'onde (PRO) | 4 Ko | Quand la forme d'onde est activée |
| JS du pied de page fixe (PRO) | 2 Ko | Quand le mode fixe est activé |
| Icône du menu de la barre d'administration | 0,5 Ko | Uniquement pour les administrateurs |
Impact total au premier chargement pour les visiteurs : 0 octet jusqu'à ce qu'ils fassent défiler jusqu'au lecteur.
Compatibilité avec les plugins de cache
TTSWP fonctionne avec tous les principaux plugins de cache (WP Rocket, LiteSpeed, W3 Total Cache, WP Super Cache, Cache Enabler). Le plugin enregistre automatiquement ses ressources pour un comportement de mise en cache correct.
Les fichiers audio (MP3) ont leurs propres en-têtes de cache et se chargent à la demande depuis le stockage. Ils n'encombrent pas les caches de page.
Voir Plugins de mise en cache.
Diffusion via CDN
Sur les plans payants, les fichiers audio sont servis depuis Amazon CloudFront. Cela signifie :
- L'audio se lance en quelques millisecondes après avoir cliqué sur Lecture, même pour les visiteurs éloignés de votre serveur
- La bande passante de votre serveur WordPress reste disponible pour le HTML
Sur les plans gratuits, l'audio provient de votre serveur WordPress. Pour la plupart des blogs, c'est parfaitement acceptable. Les sites à fort trafic pourraient observer une utilisation de la bande passante sur les pages contenant beaucoup d'audio.
Impact sur la base de données
TTSWP ajoute un petit nombre de tables et de lignes dans la base de données :
- Table de cache audio (une ligne par fichier généré)
- Tables de statistiques (une ligne par événement de lecture - petites données entières)
- Lignes de paramètres (quelques dizaines d'options)
La taille de la base de données augmente linéairement avec le nombre d'articles disposant d'un audio. Pour un site de 500 articles, l'empreinte totale en base de données est généralement inférieure à 200 Ko.
Mémoire et CPU
- Surcharge mémoire PHP par chargement de page d'administration : environ 2 Mo
- Surcharge mémoire PHP par page publique avec lecteur : négligeable (CSS et JS uniquement, aucun traitement PHP sur les chemins critiques)
- Processus en arrière-plan : aucun (pas de tâches cron s'exécutant à chaque requête)
Tester votre site
Utilisez ces outils pour vérifier que TTSWP ne nuit pas à vos performances :
- PageSpeed Insights - le test Core Web Vitals officiel de Google
- WebPageTest - analyse détaillée en cascade
- GTmetrix - note de performance et recommandations
Effectuez un test avec TTSWP activé, puis un autre avec TTSWP temporairement désactivé. Comparez les résultats.
Si vous constatez une régression de performance
Faites-le nous savoir. Nous traitons les régressions de performance comme des bugs :
- Notez quelle page est lente
- Exécutez PageSpeed Insights et partagez l'URL
- Contactez le Support PRO ou publiez sur le forum WordPress.org
Nous vous aiderons à diagnostiquer et à résoudre le problème.