Nuevo Widget Off-Canvas y Almacenamiento en Caché

El equipo de Elementor ha dado un paso importante en su nueva actualización 3.22 con un nuevo Widget Off-Canvas y almacenamiento en caché. Ahora podrás crear diseños más interactivos con el nuevo widget fuera del lienzo y podrás brindarle a sus sitios web una mejora importante en el rendimiento activando el almacenamiento en caché de elementos y más.

Conoce más acerca del Nuevo Widget Off-Canvas

Nuevo Widget Off-Canvas

El widget fuera del lienzo permite a los diseñadores crear páginas interactivas y experiencias de usuario cautivadoras con contenedores que se despliegan al hacer clic en un enlace asociado. Para utilizar el widget fuera del lienzo, colóquelo en cualquier parte de su página y haga clic en el control «Modo de edición» en el Panel de edición para abrirlo y cerrarlo en el Editor.

Como una nueva adición a los elementos anidados, su área de contenido actúa como un contenedor, permitiéndole crear y diseñar cualquier estructura. Por ejemplo, puede conectar un widget fuera del lienzo a un botón «Registrarse». En el área de contenido fuera del lienzo, coloque el widget de formulario y estilícelo utilizando todas las capacidades de diseño de un contenedor normal. Una vez que un visitante haga clic en «Registrarse», el widget fuera del lienzo se abrirá con el efecto y la superposición de su preferencia.

Conectar el widget fuera del lienzo a un enlace es similar a configurar una etiqueta dinámica. En la configuración del enlace, vaya a la entrada del enlace, haga clic en el botón Etiqueta dinámica y, si tiene varios widgets fuera del lienzo en la página, aparecerán como «Widget fuera del lienzo 1», «Widget fuera del lienzo 2», etc., según su posición en la página.

Puedes ver y probar el Widget Off-Canvas en vivo en la siguiente página esgabrielweb.com en la sección de últimos proyectos realizados dando clic en el CTA (llamado a la acción) de TRABAJEMOS JUNTOS.

Luego, elija si desea que el enlace active las funciones de apertura, cierre o ambas. Tenga en cuenta que el enlace conectado al widget fuera del lienzo debe estar en la misma página o sección del sitio que el propio widget. Por ejemplo, si desea activar el widget desde un enlace en el encabezado, el widget también debe colocarse en el encabezado.

El nuevo widget off-canvas también incluye capacidades de diseño profesional integradas para ayudarle a mantener la coherencia con su marca. En el panel de edición, en Contenido > Configuración, puede personalizar el estilo y la duración de las animaciones de entrada y salida del widget. También cuenta con controles para dictar el comportamiento de la interacción, como configurar cuándo y cómo salir de la superposición, evitando el desplazamiento de la página.

También puede diseñar el efecto de superposición que cubre el resto de la página cuando el contenedor está abierto. Elija activarlo o desactivarlo, cambiar su color o elegir una imagen en su lugar. Además, puede definir la etiqueta HTML del contenedor. En la pestaña Estilo, puede personalizar la apariencia del widget fuera del lienzo como lo haría con cualquier otro contenedor.

Para activar la nueva función, active «Elementos anidados» yendo al Panel de WordPress → Elementor → Funciones.

Aumente los tiempos de carga con la nueva función de almacenamiento en caché para los widgets

Almacenamiento en caché en Elementor

Elementor 3.22 introduce una nueva función de caché para los widgets de Elementor y Elementor Pro. Las pruebas de rendimiento internas revelan diferencias significativas al comparar el mismo sitio web con y sin esta nueva función de caché: el uso de memoria se reduce de 3 MB a 8 KB y la métrica del tiempo hasta el primer byte (TTFB) mejora entre un 33% y un 70%.

Estas mejoras sustanciales en el rendimiento se logran almacenando la salida del widget en los servidores después de su primera renderización completa. Esto permite que los visitantes posteriores carguen los widgets sin necesidad de volver a generar el código del widget. Para evitar el almacenamiento en caché de datos innecesarios, la función diferencia entre widgets estáticos y dinámicos, excluyendo del almacenamiento en caché el contenido dinámico con información específica de los usuarios.

También puede modificar la configuración predeterminada de un widget específico activando o desactivando el control «Configuración de caché» añadido a la pestaña Avanzado en su Panel de edición. Una vez activado el experimento «Element Caching«, puede gestionar el tiempo durante el cual desea que los datos de su sitio web se almacenen en caché en los servidores desde la nueva pestaña Rendimiento en el Panel de WordPress > Elementor > Rendimiento.

Tenga en cuenta que la configuración de caché no se puede modificar para los siguientes elementos: contenedor, sección, columna, sección interna y fuera del lienzo.

Para activar la nueva función, active «Element Caching» yendo al Panel de WordPress → Elementor → Funciones.

Resumen de la versión de Elementor 3.22: Nuevo Widget Off-Canvas y Almacenamiento en Caché

Esta versión brinda a sus sitios web el aumento de rendimiento más significativo en versiones recientes al permitirle almacenar en caché la salida de los widgets estáticos en los servidores. Una vez que un visitante almacena en caché los datos, todos los visitantes posteriores que carguen su sitio web a través de ese servidor experimentarán tiempos de carga reducidos.

Y por último, pero no menos importante, el widget fuera del lienzo es una nueva herramienta de diseño profesional que le permite crear diseños interactivos que aumentan la participación.