Carga diferida de iframe y HTML5 lazy loading, precarga de caché y más en WordPress

Las primeras impresiones importan, y en la web, haces tu primera impresión antes de que algo se cargue en tu blog de WordPress. El tiempo que tarda en cargar tu página de inicio o cualquier otra entrada o página de WordPress determina cuánto tiempo permanece un usuario en tu blog, si es que permanece en absoluto. Ahora, con las dos actualizaciones rápidas de WP Speed of Light Addon, puedes optimizar los tiempos de carga de tu blog y mejorar aún más el SEO.

La última actualización trae dos nuevos tipos de características. Primero, el complemento WP Speed of Light tiene nuevas características para optimizar los tiempos de carga, especialmente con la posibilidad de cargar de forma diferida iframes y videos HTML5. Segundo, el plugin de WordPress ahora te da aún más flexibilidad para decidir cómo almacenar en caché archivos, y cómo agrupar y minimizar scripts y hojas de estilo. ¡Vamos a sumergirnos! 

Carga diferida de iframe y video HTML5 en WordPress lazy loading  

Si los tiempos de carga son su prioridad, entonces no tiene que buscar mucho. En la configuración principal de WP Speed of Light, ha aparecido un nuevo interruptor conmutable para aumentar los tiempos de carga de su blog de WordPress y, con él, su puntuación de SEO: Iframe y video lazy loading.

Lazy loading es una técnica de aceleración que carga multimedia (imágenes y videos, principalmente) solo cuando un usuario se desplaza hacia ellos. Si el usuario nunca los alcanza, la imagen o el video simplemente nunca se carga. Al cargar elementos solo cuando y si es necesario, WP Speed of Light no pierde tiempo y reduce cuánto tiempo tienen que esperar sus usuarios antes de interactuar con su blog. 

La nueva característica aborda los peores infractores de todos. Los Iframes, a menudo páginas web o widgets, se incrustan en tu blog de WordPress—imagina cargar varias páginas web a la vez. Por el contrario, los videos HTML5 actúan como videos regulares y también consumen tiempos de carga.

Afortunadamente, con WP Speed of Light, mejorar los tiempos de carga es un procedimiento excepcionalmente simple. Para habilitar lazy loading para iframes y videos HTML5, simplemente diríjase a la configuración del plugin de WordPress. Active el interruptor etiquetado iframe & video lazy loading y aproveche sus tiempos de carga mejorados.

Precarga de caché para entradas y páginas de WordPress 

La otra técnica predominante para mejorar los tiempos de carga es a través de la caché y la precarga. Normalmente, WordPress genera caché cuando un usuario visita por primera vez una página web. Con la precarga, sin embargo, WP Speed of Light genera la caché cuando la borra, y así minimiza los tiempos de carga inmediatamente.

La versión 3.1 y 3.2 de WP Speed of Light han añadido compatibilidad para precargar páginas web listadas en sitemaps XML. Los sitemaps guían a los motores de búsqueda, como Google, Bing y Yahoo, para encontrar las páginas en tu sitio web. Normalmente, los sitemaps contienen enlaces a las páginas más importantes de tu blog, o incluso a todas ellas. A su vez, los sitemaps representan la herramienta ideal para precargar la caché. 

Para habilitar la precarga de caché, diríjase a la pestaña avanzada en la configuración de WP Speed of Light. Asegúrese de que ha habilitado la precarga de caché y luego agregue enlaces a sus sitemaps en el campo correspondiente. Si no está seguro acerca de los enlaces del sitemap, puede utilizar un plugin de SEO, como WP Meta SEO

Desde la pestaña avanzada, también puede precargar páginas específicas. Utilizando el campo Precargar las siguientes páginas, puede precargar las páginas más visitadas, como la página de inicio de su blog. Cualquiera que visite esas páginas disfrutará de tiempos de carga rápidos, incluso después de borrar su caché.

El almacenamiento en caché ahora también admite borrar la caché solo para URL específicas, incluso si utiliza una CDN. Las CDN sirven el contenido de su blog de WordPress desde servidores de todo el mundo, entregando páginas web desde ubicaciones situadas geográficamente cerca de los usuarios. Con la última actualización, puede especificar qué páginas de CDN desea almacenar en caché.

Puedes configurar tu configuración desde la pestaña de integración CDN en la configuración del plugin. Si has activado tu cuenta de Cloudflare, desplázate hacia abajo hasta la sección que dice Al limpiar la caché, también limpia. Habilita la caché de Cloudflare y rellena los campos, opcionalmente eligiendo purga de archivos individuales.

 Mejora de la agrupación y minificación de scripts y hojas de estilo

A medida que su sitio web de WordPress crece y cambia, su blog tenderá a ralentizarse. Su instinto podría decirle que acepte la ralentización como inevitable, pero acelerar incluso los sitios web más complejos no tiene que representar una tarea imposible. La agrupación y la minificación ayudan a controlar los tiempos de carga.

La agrupación y la minificación son dos herramientas de optimización que suelen aparecer juntas. La mayoría de los sitios web utilizan varias hojas de estilo y scripts, cada uno de los cuales implica su propia solicitud y, por lo tanto, añade tiempo de carga. La agrupación combina todas las hojas de estilo en una y todos los scripts en uno, que por lo tanto solo requieren una solicitud cada uno. La minificación, por otro lado, reduce el tamaño de las hojas de estilo o scripts individuales o de grupos de hojas de estilo y scripts, reduciendo aún más el tiempo de carga. 

WP Speed of Lightla configuración de agrupación y minificación se encuentra en la pestaña denominada agrupar y minificar en la configuración. Ahora, en la última versión del plugin, puede personalizar cómo se comporta la agrupación y minificación en su blog.

Por ejemplo, si está depurando, es posible que no desee agrupar o minimizar una determinada hoja de estilo o script, o una determinada página. O puede que descubra que la agrupación y la minificación hacen que su página se muestre incorrectamente, o que una página no pueda funcionar hasta que se haya cargado una hoja de estilo o un script. Desde la pestaña agrupar y minimizar, ahora puede excluir tanto la agrupación como la minificación de estilos en línea y excluir páginas de la optimización.

Otra opción de optimización es diferir la carga de hojas de estilo y scripts. En otras palabras, con WP Speed of Light, puede cargar primero el contenido y luego, al final, cargar las hojas de estilo y los scripts. El objetivo: el usuario puede interactuar con la página, aunque de manera limitada, antes. Ahora, si habilita la carga diferida del código JavaScript, el plugin también diferirá los scripts en línea.

La optimización es importante, pero cada blog de WordPress tiene diferentes necesidades. A medida que WP Speed of Light continúa evolucionando, también lo hace su oferta. Las versiones 3.1 y 3.2 del complemento ofrecen nuevas características para acelerar todos los blogs — carga diferida de iframe y video HTML5 — y nuevas opciones para ajustar cómo funciona la precarga de caché, y la agrupación y minimización.

Una de las mejores características que WP Speed of Light podría tener es que es compatible con todos los alojamientos, por ejemplo con Cloudways que es uno potente :)

Si su blog de WordPress necesita una aceleración, no busque más. Obtenga más información sobre WP Speed of Light aquí.