Como optimizar la carga de los vídeos de Youtube

Esta entrada está basada en este artículo en inglés.

Nuestra amiga de laumedia.es tenía problemas de carga en su página inicial y descubrimos que el vídeo que tenía hacía que cargara más de 500 kb.

Si agregas un vídeo a tu web o a tu blog, obtienes el código embebido, será de este tipo:

Si haces un test con gtmetrix puedes obtener unos tiempos de carga muy altos y además te mostrará que carga unos javascript que te sugiere que retrases su carga.

Esos javascript que carga, los precarga youtube, ejecutes el vídeo o no, pero puedes evitar dicha precarga y ahorrar unos 500 kb de carga a tu web o tu entrada en tu blog.

si modificas el código y añades una entrada src vacía y la parte de src la renombras como data-src, evitaras la carga de ese código javascript, sería así:

y añades el siguiente código javascript:

y voilà!

2017-01-12T10:14:42+00:00 Blog Ibertrix, optimizacion|4 Comments

4 Comments

  1. Jose Antonio Camacho enero 18, 2017 at 12:47 pm - Reply

    Siempre aprendiendo cosas nuevas, muchas gracias lo aplicaré isofacto 🙂

    • ibertrix enero 18, 2017 at 1:02 pm - Reply

      Gracias a ti por comentar!

  2. Manuel febrero 15, 2017 at 3:34 pm - Reply

    Muy buenas.

    Tengo la duda de que no se como hacer esto en un editor visual, concretamente con elementor page builder, pero creo que la duda es en general.

    No se donde tocar el código html y poder editarlo.

    Gracias!

    • ibertrix febrero 15, 2017 at 7:22 pm - Reply

      Hola Manuel!

      Gracias lo primero por comentar. La parte del iframe la puedes añadir tal cual en tu post. Es la parte del Javascript la que depende de varios factores. Muchas plantillas de WordPress permiten añadir código CSS y Javascript en la personalización.

      Si no es así, hay múltiples maneras de hacerlo, desde en el mismo post como añadiendo algún plugin.

      Aquí tienes una buena referencia de opciones que tienes y aquí tienes otra.

Leave A Comment

Centro de preferencias de privacidad

estrictamente necesarías

Estas cookies son necesarias para que la web funcione

wordpress_{hash},wordpress_logged_in_{hash}