8 abr. 2012

Youtube player mejor cargador

Youtube lightweight video player
Quien tiene una página en la web se ha dado cuenta que insertar youtube vídeo es fácil y rápido y que youtube player lentaliza notablemente el rendimiento de la página




Rendimiento de la página con youtube player:

  • la página per se
  • www.youtube.com/embed (~300ms),
  • css
  • gif,
  • js,
  • swf (~273ms), 
  • xml, and 
  • jpg

Esta claro que el vídeo de Youtube os costará el tiempo sobre 600ms para cargar el player. Otro vídeo añadido 1.02s. Tercer vídeo 1.45s. El tiempo es sobre ~0.5s por cada vídeo añadido.

La solución para youtube player rendimiento rápido:

  • enlace al vídeo Los dedos magnéticos el billete que no puede caer - mentalismo. Ventajas: podemos poner varios enlaces sin cargar nuestra página. Desventajas: no podemos ver thumbnails del vídeo y estamos redirigidos hacia página de vídeo
  • insertar un imágen y enlazarlo con el enlace. Ventajas: podemos poner varios imágenes atractivos que representarán nuestro vídeo. Desventajas: cada uno de los imágenes carga nuestra página y estamos redirigidos hacia youtube

You tube player mejor cargador
  • color box y muchos otros scripts - javascript que abrirá el vídeo en marco dentro de nuestra ventana. Ventajas: podemos pinchar sobre thumbnail del vídeo que se abrirá en un marco. Relativamente ligero y rápido. desventajas: cada uno de los thumbnails debe estár preparado para la web y cargara la página, un script más
  • insertar codigo de youtube <iframe width="460" height="349" src="http://www.youtube.com/embed/VNAtlEEXaNc" frameborder="0" allowfullscreen></iframe>  y reemplazar www.youtube con "lilbtn.appspot.com" o "lilbtn.yjl.im" <iframe width="460" height="349" src="http://lilbtn.appspot.com/embed/VNAtlEEXaNc" frameborder="0" allowfullscreen></iframe>  Ventajas: solo reemplazaremos youtube por otra dirección. Rápido. Thubnail viene de youtube vídeo. Desventajas: espero vuestra opinión
De modo que en vez de ver player normal

veremos Youtube player rendimiento rápido


Origen del artículo está en Lightweight youtube player loader

Disqus Comments