Elementor ha lanzado su versión 3.22 con nuevas funciones que prometen mejorar el diseño y el rendimiento de los sitios web de manera significativa.
Mejora tus diseños con el nuevo Off-Canvas Widget
La nueva versión introduce una herramienta profesional llamada Off-Canvas Widget, que permite crear diseños interactivos abriendo y cerrando un contenedor desde un enlace. Según la fuente, esta herramienta mejora la experiencia del usuario de manera considerable.
Para utilizar el Off-Canvas Widget, colócalo en cualquier parte de tu página y utiliza el control de «Modo de edición» en el panel de edición para abrirlo y cerrarlo en el Editor. Este widget actúa como un contenedor, permitiéndote diseñar cualquier disposición. Por ejemplo, puedes conectar el widget a un botón de «Regístrate» y colocar un formulario en su área de contenido.
Conectar el Off-Canvas Widget a un enlace es similar a establecer una etiqueta dinámica. En la configuración del enlace, haz clic en el botón de etiqueta dinámica y selecciona el widget adecuado. Luego, elige si el enlace activará la apertura, cierre o ambos comportamientos. Es importante que el enlace y el widget estén en la misma página o parte del sitio.
El widget también incluye capacidades de diseño profesional, permitiéndote personalizar las animaciones de entrada y salida, así como controlar el comportamiento de la interacción, como evitar el desplazamiento de la página cuando el contenedor está abierto. Además, puedes personalizar el efecto de superposición que cubre el resto de la página.
Para activar esta nueva característica, ve al Tablero de WordPress → Elementor → Features y activa «Nested Elements».
Mejora los tiempos de carga con la nueva función de caché de elementos
Elementor 3.22 introduce una función de caché para widgets de Elementor y Elementor Pro. Según la fuente, las pruebas internas de rendimiento muestran diferencias dramáticas, con una reducción en el uso de memoria y una mejora del TTFB (Time To First Byte) de un 33% a un 70%.
Estas mejoras se logran almacenando la salida del widget en los servidores después de que se renderiza por primera vez, lo que permite a los visitantes posteriores cargarlo sin necesidad de renderizar nuevamente el código del widget. La función distingue entre widgets estáticos y dinámicos, excluyendo el contenido dinámico de información específica del visitante de la caché.
Puedes cambiar la configuración predeterminada de un widget específico activando o desactivando el control «Cache Settings» en la pestaña Avanzado de tu Panel de Edición. Una vez activada la función de «Element Caching», puedes controlar el tiempo de caché de los datos desde la nueva pestaña de Rendimiento en el Tablero de WordPress.
Para activar esta función, ve al Tablero de WordPress → Elementor → Features y activa «Element Caching».
Actualizaciones adicionales de rendimiento
Reemplazo de bibliotecas JS con JS nativo
Elementor sigue mejorando el código de tu sitio web reemplazando bibliotecas JavaScript externas con soluciones basadas en JS nativo. La primera biblioteca reemplazada es waypoint.js, que reduce el uso de memoria y mejora el rendimiento del frontend y las puntuaciones de SEO.
Para mantener la compatibilidad con complementos de terceros, la biblioteca seguirá en Elementor por ahora, pero solo se activará si los desarrolladores de complementos lo establecen como una dependencia.
Nueva pestaña de rendimiento
A medida que más mejoras de rendimiento se convierten en funciones estables, se ha creado una nueva pestaña de rendimiento para concentrarlas en un solo lugar. En la versión 3.22 en adelante, todas las funciones de rendimiento estables se pueden activar o desactivar desde la nueva pestaña de Rendimiento en el Tablero de WordPress → Elementor → Configuración → Rendimiento.
Se recomienda explorar estas funciones y activar las relevantes para tu sitio web para mejorar su rendimiento.
Elementor 3.22: añade diseños interactivos atractivos en sitios web más rápidos que nunca
Esta versión ofrece el mayor impulso de rendimiento reciente al permitirte almacenar en caché la salida de widgets estáticos en los servidores. Una vez que los datos son almacenados en caché por un visitante, los siguientes visitantes que carguen tu sitio a través de ese servidor experimentarán tiempos de carga reducidos.
Además, limpia el código de tu sitio web reemplazando la biblioteca Waypoint.JS con soluciones JS nativas más modernas. La nueva pestaña de rendimiento concentra todas las funciones de mejora de rendimiento en un solo lugar para ayudarte a optimizar la velocidad de tu sitio web.
Y por último, pero no menos importante, el Off-Canvas Widget es una nueva herramienta de diseño profesional que te permite crear diseños interactivos que aumentan el engagement de los usuarios.
Fuente: https://elementor.com/blog/elementor-322-off-canvas-element-caching/