Carga perezosa para WordPress-¿Qué es y cómo agregarla a su sitio web?

Agregar carga perezosa a su sitio de WordPress es una herramienta efectiva para acelerar su sitio de WordPress. Escribí en general (incluso un estudio de caso) sobre cómo la velocidad de carga de página lenta afecta negativamente las conversiones, el SEO y otros marcadores para el éxito en línea. Cuanto más rápido se cargue el sitio, mejor. Dos de los factores más importantes que ralentizan los sitios son las solicitudes HTTP y el peso de la página. Por supuesto, cuanto más tenga un navegador para enviar más solicitudes al servidor, más tiempo será el procesamiento del sitio. Al mismo tiempo, cuanto más grande sea su página (por ejemplo, porque contiene muchas imágenes), cuanto más tiempo llevará la carga.
La carga perezosa es una técnica que aborda ambos factores. Significa posponer la carga de partes de una página web hasta que sean realmente necesarias. También es el tema de esta publicación en el blog. A continuación, descubrirá cómo funcionan la carga perezosa, sus ventajas y desventajas, así como formas de agregar carga perezosa a WordPress. ¡Espero que no seas demasiado vago para seguir leyendo! ¿Qué es la carga perezosa y por qué puedes usarla? Como ya se mencionó, la carga perezosa es una forma de evitar que el navegador cargue inicialmente partes de las páginas web, generalmente imágenes, y las reemplazar con sustitutos. De esta manera, la página se vuelve más pequeña y se deben transferir menos datos del servidor al navegador.
El resultado: un sitio web con carga más rápida y usuarios más felices. Pero quédate, ¿no necesitas esas partes de tu sitio? Si no lo hubieras hecho, no estarían allí, ¿verdad? ¿No se entregará la página? Bueno, aquí viene el perezoso en la tarea perezosa. La técnica no prohíbe que el navegador cargue activos e imágenes, sino que simplemente lo posponga hasta que sean realmente necesarios. Por ejemplo, una imagen no debe estar en la página hasta que un visitante funcione lo suficientemente lejos como para verla de manera efectiva. Como resultado, el navegador no necesita cargarlo hasta que suceda antes de que eso suceda. Esto es exactamente lo que hace que la tarea hace que la tarea (por cierto, hay otras formas de optimizar las imágenes en su sitio para que se carguen más rápido). Casos de uso de la tarea perezosa en la web, la tarea perezosa se usa con mayor frecuencia para fotos. Probablemente lo haya visto en sitios populares como BuzzFeed, que utilizan la técnica para que sus listas parezcan más rápido en los navegadores de sus usuarios.
Sin embargo, esta no es lo único que la tarea perezosa es capaz de retrasarse. Otros ejemplos son videos, guiones y comentarios. De hecho, mover archivos JavaScript a un sótano de página es una técnica común para acelerar el tiempo de carga de la página.

También puede saber que YouTube solo carga comentarios cuando se desplaza hacia abajo hacia ellos. De esta manera, la plataforma asegura que pueda ver el video más rápido. Si es lo suficientemente bueno para ellos, ¿por qué no para ti? También hay una aplicación de carga perezosa especial llamada Infinite Scroll. Es una alternativa a la paginación clásica en la que se cargan publicaciones adicionales cada vez que el usuario llega al final de una página. Puede ver Pinterest o si es un usuario de bolsillo. Elimina muchos clics y puede ser excelente para la experiencia del usuario. Sin embargo, Infinite Parade no está exento de controversia y no estará en el centro de este artículo.
Ventajas Carga perezosa La principal ventaja de la carga perezosa ya es obvia: tiempos de carga más rápidos. Cuando puede reducir gran parte del peso de su página, naturalmente aparecerá en el navegador mucho más rápido. Un efecto secundario agradable de esto es que guarda a sus visitantes un ancho de banda considerable. En particular, aquellos que usan la conexión de datos en su dispositivo móvil estarán agradecidos. Además de ver su sitio más rápido, no tiene que desperdiciar su plan en las imágenes que quizás nunca vea. Sin embargo, las desventajas del uso de la carga perezosa en su sitio web, el uso del embarazo perezoso no son solo el sol y el arco iris. La técnica también tiene algunas desventajas.

En primer lugar, no siempre es amigable con los motores de búsqueda. Cuando retrase la carga de los activos para los visitantes, haga lo mismo para las arañas de los motores de búsqueda. Como resultado, es posible que no indexe parte de su contenido, lo cual no es excelente para el SEO. Incluso si hay soluciones. Por supuesto, este es un problema mayor cuando se usan cargas perezosas para publicaciones y no solo imágenes (por eso muchos se mantienen alejados). Una segunda preocupación es la experiencia del usuario. Cuando se desplaza por su sitio muy rápidamente, reemplazar las imágenes de reemplazo con imágenes reales puede hacer que el contenido de la página salte, lo que puede ser molesto. Entonces, ¿cuál es el veredicto sobre la tarea perezosa? En resumen: utilizado dentro de los límites, la técnica puede hacer que su sitio de WordPress se cargue mucho más rápido, sin embargo, debe prestar atención al SEO y la experiencia del usuario. Cómo agregar carga perezosa a WordPress a través del complemento Aunque es posible agregar un manual perezoso a WordPress (ver el tutorial de Jay Hoffmann a temas elegantes), la alternativa mucho más fácil es usar uno de los complementos a continuación. Muchas de las ofertas enumeradas aquí son simples soluciones de configuración y fuerza que solo tiene que activar sin ninguna configuración. La mayoría de ellos también muy ligeros.
Por esta razón, agregar un embarazo perezoso a WordPress sin un complemento me parece un esfuerzo inútil (a menos que lo haga para mejorar sus cuotas técnicas, lo cual es una razón legítima). Para la mayoría de los usuarios, es mejor elegir uno de los muchos complementos de carga perezosos que la esfera de WordPress tiene para ofrecer. Lanzamiento de la carga Nuestro primer candidato es la solución gratuita más popular para imágenes perezosas. Tiene más de 90,000 instalaciones y una evaluación sólida de 4 estras. Su popularidad podría explicarse parcialmente por el hecho de que el equipo automático contribuye a él. La placa de carga perezosa usa jquey.sonar para cargar imágenes solo cuando aparecen en la ventana de vista (que es el sitio que ve en el dispositivo). El complemento Unzip tiene solo 20 kb y todo lo que tiene que hacer es instalarlo y activarlo. No se requiere configuración.
BJ Carga perezosa
En segundo lugar en el trono de los mejores complementos de carga perezosa de WordPress es BJ Lazy Load. Está orgulloso de más de 60,000 instalaciones y evaluaciones como buenas. El complemento reemplaza todas las imágenes y marcos Imrame (incluidos los videos de YouTube y Vimeo) en su contenido con un sustituto para ver. Instalar, activar y están listos.
Carga perezosa por WP Rocket
Aquí tenemos un complemento del mismo fabricante que el popular complemento WP Rocket Cache. Puede cargar perezosamente imágenes y/o marcos de iframe, incluidas miniaturas, contenido de widgets, avatares y smiley. Además, el complemento no utiliza ninguna biblioteca JavaScript. Esta es probablemente una de las razones para pesar menos de 10 kb. Más de 10,000 sitios web confían en Lazy Lazy by WP Rocket, por lo que parece hacer su trabajo correctamente. El director de WordPress del director también contiene el código para desactivar selectivamente la carga perezosa en páginas o imágenes o para cambiar el umbral de carga. De lo contrario, no hay opciones de configuración disponibles. A3 Lazy LoadA3 Lazy Load afirma ser “la característica más completa, increíblemente fácil de configurar para WordPress”. También es una de las pocas entradas de esta lista que realmente viene con algunas configuraciones. El complemento es adecuado para la carga perezosa de imágenes Imagra, videos y marcos en publicaciones, páginas, widgets, miniaturas y/o avatares. También funciona para incorporar publicaciones y es compatible con WooCommerce (lea nuestra Guía de principiantes de WooCommerce). A3 Lazy Load ofrece imágenes incluso con efectos que aparecen en el sitio. Como si no fuera suficiente, también le permite elegir si cargar el script en el encabezado o el sótano (un enchufe de carga perezoso que es vago, cómo meta) e ignorar las imágenes o videos. Finalmente, es compatible con muchos complementos móviles y de caché, así como redes de entrega de contenido. Empiezo a ver que su declaración puede no ser completamente infundada. Loco perezoso

Una de las principales razones por las que incluí este complemento es su maravilloso logotipo. Quiero decir, ¡mira ese caracol! Sin embargo, además, también es un enchufe de carga perezoso para imágenes que usan muy pocos recursos. Crazy Lazy viene con funcionalidad ordinaria y evita que las imágenes se carguen antes de que el usuario pueda verlas. No hay necesidad de configuración, solo comience y estará bien. Si desea configurar algo, puede establecer sus propias imágenes sustituyentes a través de CSS (la página de arado contiene código para esto) y excluir imágenes (también tiene código para esto). Acelera: la carga de otro complemento que evita la carga de imágenes y marcos de Imagrame hasta que sea necesario. Solo 5 kb de luz (estos desarrolladores compiten en ¿quién puede hacer el complemento más pequeño?) Y sin la necesidad de configuración. Tiene un código corto para desactivar la carga perezosa donde no sea necesario y le permite apagarlo para imágenes individuales. Hasta ahora, solo más de 3,000 instalaciones, sin embargo, viene con una evaluación completa de 5 estrellas. WordPress Infinite Scroll – Ajax Sube más

Hablé anteriormente sobre el Scroll Infinite, ahora aquí hay un complemento para agregarlo a su sitio. WordPress Infinite Scroll le permite a las publicaciones perezosas, publicaciones únicas, páginas, comentarios y otros elementos de página mediante la construcción de sus propios códigos cortos personalizados. Puede interrogar diferentes tipos de contenido de acuerdo con el formato de tipo o formato, dado, categoría, etiqueta y más. Después de eso, puede agregar códigos cortos al editor de WordPress o en plantillas. El complemento también funciona con WooCommerce y descargas digitales fáciles y ofrece una serie de suplementos premium. WP YouTube Lyte Nuestra entrada final es un enchufe de carga perezoso solo para contenido de video. Le permite ingresar enlaces especiales de YouTube que cargan al reproductor de YouTube simplemente haga clic, no antes. Básicamente, todo lo que tiene que hacer es cambiar una carta de su enlace al trabajo. Como alternativa, puede usar códigos cortos para ingresar contenido de video o hacer que el complemento analice automáticamente los enlaces de YouTube. Además, le permite ingresar solo al lado de audio si es necesario. Para una alternativa, marque la carga perezosa para videos. La carga perezosa y WordPress en resumen, dado que la velocidad de carga de la página sigue siendo un factor importante para la experiencia del usuario y el SEO, la carga perezosa es otra herramienta para mejorar. La técnica disminuye el peso de la página y las solicitudes HTTP, lo que permite a los visitantes ver la página deseada más rápido. Arriba, hablé sobre cómo funciona la carga perezosa y para lo que puedes usar.