homefinance blog
¿Tienes que un video perezoso en WordPress? Los medios de comunicación son una estrategia tan fuerte para hacer que su contenido sea interesante. Cosas como imágenes y videos realmente pueden dar vida a lo que tienes que decir en tu sitio web. La única desventaja es que los archivos multimedia son grandes y duran más para cargar que el texto. Si ha estado utilizando WordPress durante algún tiempo y se ha centrado en optimizar la velocidad y garantizar que todas sus páginas web se carguen lo antes posible, probablemente haya oído hablar de la carga perezosa. ¿Qué diablos es la carga perezosa? La carga perezosa es el proceso de retrasar la carga real de contenido hasta que se vuelva visible en la ventana de la vista del visitante. La vista es el área del navegador que el visitante ve mientras se ejecuta a través de su página web.
Hay muchos complementos de WordPress disponibles que le permiten perezos las imágenes en cada página de su sitio esa área de la página. Este proceso es extremadamente poderoso para acelerar el tiempo de carga de una URL en su sitio. Hay dos factores principales cuando una página web está hasta el momento real. Este es tiempo de carga y tiempo de carga total. Consulte la explicación a continuación que esa es la diferencia entre cada uno.
¿Cuál es el tiempo de carga? El tiempo de OnLoad calcula la velocidad cuando el procesamiento de la página está completo y todos los recursos en la página respectiva, como las imágenes, CSS y otras características han terminado. Una vez completado, la página activará la ventana. El tiempo de carga es una verdadera representación de la rapidez con que se cargará correctamente su sitio, un defecto importante que se encuentra durante la carga es que algunos elementos de la carga de la página no llegan antes del activador del evento que La funcionalidad/contenido se establece en un retraso, de modo que las cargas en un determinado orden causarán una variable falsa que su sitio sea más rápido/lento de lo que realmente es. ¿Cuál es el tiempo cargado completo? Tomar lo que aprendí sobre “tiempo de carga”, tiempo de carga completa “adopta exactamente el mismo proceso para registrar la velocidad de la página, pero agregará otros dos segundos después de activar el desencadenante de” carga “para garantizar que no haya actividad en la red. El razonamiento detrás de esto es garantizar más consistente con las pruebas. Un posible problema con las pruebas de tiempo completamente cargadas es que este evento solo se desencadena cuando una página detiene por completo el contenido, incluidos los anuncios y otras características.
Por lo tanto, si su sitio se ha cargado antes del punto de límite y aún se puede usar, la herramienta de prueba continuará esperando a que todo el sitio detenga la carga de datos, lo que nuevamente puede conducir a resultados inconsistentes. ¿Tiene un control de tiempo de carga total? A continuación se muestra un gráfico simple y lindos para ilustrar las cosas que debe tener en cuenta cuando se visita un sitio web y todas las partes que se reúnen para decidir qué tan rápido se carga.
Como puede ver en esta imagen anterior, hay algunas cosas que están fuera de su control. Por ejemplo, la velocidad del proveedor de servicios de Internet de la persona que visita su sitio web está completamente fuera de su control.
Si desea obtener tanta velocidad como sea posible de su sitio de WordPress, debe concentrarse en las cosas en las que tiene control.
Optimización de las cosas de velocidad de WordPress en las que tiene control
Medio de alojamiento
Actualizaciones de software
Tema activo
Complementos activos
Optimización de contenido
Volvamos al video perezoso perezoso en WordPress, por lo que en la lista anterior de optimización de velocidad de WordPress, las cosas que tiene controlar sobre el último elemento en la lista son la optimización del contenido. Esto significa asegurarse de que todo el contenido en su sitio web se haya optimizado para cargar lo antes posible, sin cambiar ninguna funcionalidad o pantalla.
Veamos esto en detalle y permítanos mostrarle la diferencia de velocidad de un video que se ha incorporado tradicionalmente, como lo hacen la mayoría de las personas en su sitio y un video que se ha configurado para cargar perezoso. El experimento comienza aquí, continué y creé una instalación implícita de WordPress y dentro de ella para separar páginas. Una página tiene un video construido en YouTube, que se ha incorporado utilizando la opción de incorporación de WordPress nativa simplemente colocando el enlace al video de YouTube en el editor de Gutenberg. Esto genera el video de YouTube en la página. La segunda página es el mismo video, pero ha configurado demasiado vago, lo que significa que el código de video real no comenzará a ejecutarse hasta que el visitante presione el botón Reproducir. Eche un vistazo a las asombrosas diferencias entre los dos procesos para mostrar un video en su contenido de WordPress. Ejemplo de la página de video construida
Video de incrustación tradicional
La imagen a continuación es la prueba de visualización de velocidad realizada en GTMTrix de la página que tenía la incorporación tradicional del video de YouTube. Preste especial atención al tiempo de carga y al tiempo de carga completo a continuación.
Carga de velocidad
Carga de velocidad
La imagen a continuación es una lista de los procesos que tuvieron lugar durante esta página. Considere el número total de solicitudes.
Cascada
Ejemplo de página de video de carga perezosa
Video de incrustación tradicional
La imagen a continuación es la prueba de visualización de velocidad realizada en GTMTrix de la página que tenía el video construido con carga perezosa. Preste especial atención al tiempo de carga y al tiempo de carga completo a continuación. Esto es menos de 1 segundo para el tiempo de carga y la comparación con la de más de 1 para el video tradicional. Del video tradicionalmente incorporado.
Carga de velocidad
Carga de velocidad
Puede ver en la velocidad de la prueba de velocidad a continuación que se llaman con 21 solicitudes menos cuando la página está cargando, porque perezco el video construido. Una de las mejores cosas que puede hacer para acelerar cualquier página web es reducir la demanda. Cuanto más una página necesita más solicitudes para cargarlo significa que llevará más tiempo.
Los scripts y los estilos necesarios para cargar el reproductor de video tendrán lugar, pero no hasta que el visitante presione el botón Reproducir en el video. Esto es extremadamente poderoso porque imagina que si un visitante viene a su página y ni siquiera reproduce el video, significa que el visitante nunca lo utilizará.
Cascada
Ahora sabes que el video de carga perezosa en WordPress es bueno … ¿qué sigue? Ya he explicado anteriormente que hay muchos complementos de WordPress que le permiten perezos las imágenes de su sitio, pero no hay muchos complementos que le permitan hacer esto para videos. Los únicos complementos actuales gratuitos centrados en videos de carga perezosa en su sitio web de WordPress son el complemento de carga Lazy y la carga A3 Lazy que puede encontrar más haciendo clic en las imágenes a continuación. Hay algunos complementos de velocidad de optimización adicionales que incluyen esta funcionalidad que le permitirá perezoso Videos de YouTube o iframe. Vea a continuación los nombres de estos complementos.
Swift Performance Pro
Cohete WP
Los complementos no hacen perezoso para cargar el video en WordPress en la mayoría de los casos, podrá usar uno de estos complementos mencionados anteriormente para perezoso el video en WordPress. Sin embargo, hay situaciones en las que intentas cargar perezoso no es compatible con las funciones que ofrecen estos complementos. Estos WordPress WordPress Lazy para videos a menudo se integran solo con YouTube y Vimeo. Hay muchas otras soluciones de alojamiento de video que puede usar. Aquí tenemos una solución alternativa que le permitirá tomar cualquier fragmento de código de iframe y convertirlo en una obra maestra de carga perezosa en su sitio.
Herramienta súper genial gratuita para cargar videos perezosos en WordPress Hay una herramienta en línea súper genial, fácil y gratuita, donde puede tomar cualquier URL de iframe y puede configurar un fragmento de código perezoso. Esta tarifa se llama iframely y se puede usar de forma gratuita en https://iframely.com/embed La imagen a continuación se encuentra una captura de pantalla de la herramienta de incorporación de iframely, que lo ayudará a generar el código de incorporación necesario para colocar en su sitio web y carga perezosa. Video en WordPress. Instrumento de incrustación de carga de carga perezosa
Justo cuando esperamos que esta publicación haya sido útil y lo haya ayudado a comprender el aumento de la velocidad que se puede obtener en su sitio de WordPress cuando decida perezrir cualquier videos que use en su contenido. Si tiene alguna pregunta sobre lo que se ha discutido aquí, no dude en comentar a continuación.
