Je viens de publier une nouvelle extension, pour une meilleure intégration des films Vimeo dans un site WordPress.
Cette extension sera particulièrement utile si vous avez des “murs de vidéos” à afficher:
Dans ce genre cas, l’appel à une iframe individuelle pour chaque vidéo a un impact dramatique sur le chargement de la page.
Pour parer à cette situation, l’extension propose l’optimisation suivante:
- Pour chaque vidéo, on récupère via l’API php de Vimeo les informations sur la vidéo (lien, titre, durée, image-vignette en différentes tailles).
- Cette information est mise en cache (avec un transient).
- On construit un simple mur d’images, au lieu des iframes.
- Au clic sur une vignette, un petit javascript remplace l’image par une iframe, et démarre la lecture.
J’ai utilisé cette technique par le passé sur plusieurs sites – Kunstraum Kreuzlingen, Information-Fiction, et quelques autres. Il était temps d’en faire un plugin, afin de la rendre plus facilement réutilisable.
Trouvez l’extension sur Github (la documentation se trouve dans le README).