Acelera WordPress con las Herramientas Lazy Load

Mientras que la velocidad no es lo único necesario de una buena página web, juega un papel importante en el éxito global. ¿Por qué la velocidad es tan importante? Debido a la rapidez con que las páginas de nuestro sitio se cargan, estas crean un impacto directo en cómo los usuarios las experimentan. Todos hemos sido atrapados en sitios que tardan una eternidad en cargar y no es divertido. Entonces ¿por qué hacerle eso a tus visitas cuando hay soluciones relativamente simples disponibles? Puedes ver soluciones a los tiempos de carga de un sitio web y como acelerar el rendimiento aquí y aquí.

WordPress puede estancarse muy fácilmente sobre todo si se sobrecarga con plugins, pero hay algunos plugins que hacen que la aceleración de nuestro sitio sea una prioridad. Y confía en mí, el esfuerzo que pongas en este pequeño paso pagará con creces la experiencia general de nuestro usuario final y al SEO en general.

Lo que sigue es una colección de plugins que utilizan un concepto llamado «Lazy Load» (carga perezosa) para reducir el tiempo total de carga de la página cargando solo determinados elementos de la página que se hace visible en nuestro navegador. Creo que vale la pena echarle un vistazo.

Lazy Load

El plugin bien llamado Lazy Load fue desarrollado por un equipo de gran reputación compuesto por personas de Automattic. La gente que está detrás de WordPress, Jake Goldman de 10up LLC, y el equipo de rediseño TechCrunch del año 2011. Se centra exclusivamente en las imágenes. Este plugin en realidad se basa en jQuery.sonar que carga imágenes sólo cuando el usuario se desplaza a ellas en un navegador. Por lo tanto, no se cargan hasta que estén a la vista.

Como nos podemos imaginar, esto no solo mejora la rapidez de un sitio, sino que también mejora el ancho de banda del servidor. Si un visitante no se desplaza hacia abajo hasta llegar a la parte inferior de una página, las imágenes no se cargan. Como nunca están llamados se utiliza menos ancho de banda. Es un concepto simple, pero importante en su efecto global.

WordPress Advanced Image Lazy Load

Si necesitamos tener necesidades más complejas, el plugin WordPress Advanced Image Lazy Load podría ser una mejor opción. ¿Qué se califica como «necesidades más complejas»? Digamos que el sitio que estamos trabajando es para un sitio de fotografía. Este sitio está destinado a ser pesado por las imágenes, lo que significa que los tiempos de carga lentos son la configuración por defecto, ¿no?

Esto no tiene por que ocurrir. Este plugin es sencillo y funciona sólo cuando cargan las imágenes si los visitantes se dirigen hacia abajo para verlos. Lo que hace este plugin tan especial, es que funciona para cualquier imagen en nuestro sitio dentro de una etiqueta img.

Esto incluye las imágenes en el cuerpo de las páginas y entradas, por supuesto también el contenido dentro de plugins, widgets de la barra lateral, y aquellos establecidas como imágenes destacadas. Incluso trabaja con imágenes que se construyen en los temas. De acuerdo con la descripción del plugin, la única excepción es para las imágenes que aparecen en JavaScript, como los que aparecen en los controles deslizantes.

Este plugin es una buena opción, especialmente para los sitios de portfolios. Tiene un precio de $12, pero vamos a preservar la calidad de las imágenes y reducir el tiempo de carga del sitio, lo que viene a ser una buena inversión.

jQuery Image Lazy Load WP

La variedad es la especia de la vida, así que en esta lista podrás contar con una opción lazy Load alternativa. Eso es precisamente lo que hace el plugin jQuery Image Lazy Load WP. Añade jQuery antes de la carga de las imágenes. Eso es todo. Ni más ni menos.

Si todo lo que necesitamos es una opción minimalista que haga el trabajo, este es el plugin.

Rocket Lazy Load

Si queremos asegurarnos de que todo lo visual en nuestro sitio está optimizado para la velocidad sin depender de jQuery, el plugin Rocket Lazy Load debe estar en nuestras herramientas. Funciona de la misma manera que los plugins que he hemos visto hasta ahora: sólo carga las imágenes cuando las visitas se dirigen a estas. Sin embargo, no utiliza una biblioteca de JavaScript como jQuery para hacer que todo suceda.

De hecho, el script es de sólo 2 kb, por lo que incluso el propio plugin está optimizado para la velocidad. Funciona al reducir el número de peticiones HTTP necesarias para cargar una página. Todas las imágenes regulares, imágenes en widgets, avatares, imágenes en miniatura, e incluso emoticonos. Si no tenemos ganas de jugar con un montón de opciones estás de suerte: este plugin no tiene ninguna opción en absoluto. Sólo tienes que instalar y ya está funcionando por si solo.

WP YouTube Lyte

La mayoría de las herramientas de Lazy Load o carga perezosa disponibles se centran en imágenes. Pero ¿y si nosotros ofrecemos una experiencia multimedia más envolvente en el sitio web como vídeos? Los videos son consumidores de servidor aún más grandes por lo que toda la optimización de la imagen en el mundo no ayuda a un sitio que está empantanado de videos.

Afortunadamente, existe el plugin WP YouTube Lyte. Es una buena opción para los sitios con una gran cantidad de contenido de vídeo. Permite que tus videos se carguen sólo cuando un usuario hace clic en ellos.

Esto se logra mediante la inserción Lite YouTube Embeds. Estos vídeos incrustados se parecen a los vídeos de YouTube regulares pero no obtendrás una imagen de vista previa de lo que vas a encontrar hasta que hagas clic. Dado que los vídeos no se «precargan» antes de que un visitante realmente quiera verlos, se ahorra ancho de banda del servidor y reduce el tiempo de carga de la página por una tonelada. Esto es especialmente aplicable a los sitios que tienen una gran cantidad de videos incrustados en todas las páginas.

Lazy Widget Loader

Lazy Widget Loader es el último plugin del que vamos a hablar hoy. Después de todo, si vamos a asegurarnos de que las imágenes y videos se cargan sólo cuando se los necesitan, ¿por qué no aplicar el mismo principio a los widgets?

Funciona como los demás: el plugin pospone la carga de widgets y su contenido hasta que están dentro de la ventana gráfica en la pantalla. Un aspecto particularmente bueno acerca de esto, es que podemos escoger y elegir qué widgets se aplican a sí mismo. De esta manera podemos optar por tener la característica Lazy Load aplicado a sólo aquellos widgets que son lentos o voluminosos.

Estos widgets lentos suelen ser los que hacen la llamada de datos externos para cargar como AdSense, Twitter, Facebook, etc. El contenido principal de una página se carga en primer lugar, brindándole a las visitas algo que mirar inmediatamente. Sólo cuando una visita llega al widget entonces son convocados. Este plugin no prevalece sobre valores tampoco. Sólo se aplica a los widgets que se designen en los parámetros del plugin, fin de la historia.

Conclusión

El concepto Lazy Load no es nuevo, pero a menudo se pasa por alto. ¿Por qué? Debido a que la gran parte del tiempo de carga se corrige con la optimización de los elementos específicos del sitio. Optimizar imágenes a través de herramientas como smush.it WP. Instalar las herramientas de almacenamiento en caché como W3 Total Cache. Minimiza el número de plugins que instales. La lista sigue y sigue.

Pero es a través del uso de herramientas de Lazy Load es como podemos acelerar nuestro sitio de WordPress considerablemente. Esto optimizará el rendimiento del sitio, por supuesto, pero también tiene el beneficio adicional de mejorar la experiencia del usuario final en general. Eso es algo que creo que vale la pena invertir por encima de todo.

¿Qué te parece? ¿Qué plugins Lazy Load o herramientas utilizas en tu sitio, si las tienes? ¿Es una prioridad para ti? ¿O es que logras una mejor velocidad del sitio a través de otros métodos? En cualquier caso, me encantaría escuchar tus opiniones, ¡así que siéntase libre de hacer comentarios debajo!