Ein standardmäßiges Copy-and-Paste YouTube-Embed wird auf Ihrer Seite als <iframe> geladen, was einen riesigen Haufen anderer Dinge lädt, um das Video abzuspielen. Aber die UX ist immer noch im Wesentlichen ein Bild und ein Play-Button. Klicken Sie auf den Play-Button und das Video wird abgespielt. Sie können im Grunde dasselbe mit einem Anker-Link, der ein Bild umschließt, erstellen!
Vor nicht allzu langer Zeit haben wir eine sehr clevere "Lazy Load"-Technik behandelt, die genau das tut, von Arthur Corenzan, die von Remy Sharp und Adrian Roselli weiter verbessert wurde.
Paul Irish hat sich ebenfalls damit beschäftigt, mit einer <lite-youtube> Web-Komponente
Bieten Sie Videos mit einem stark verbesserten Fokus auf visuelle Leistung. Dieses benutzerdefinierte Element rendert genau wie das Original, aber ungefähr 224X schneller.
Im Quellcode hat Paul auch einige andere frühere Versuche gefunden, wie dieses jQuery-Plugin und ein generischeres Skript zum Lazy Loading beliebiger iframes.