Presentamos Elementor 3.21: Consultas de ordenación recursiva para listas, mejoras de rendimiento y ¡mucho más!

La versión 3.21 incluye la posibilidad de crear listas de categorías y etiquetas, así como importantes mejoras de rendimiento y nuevas e interesantes funciones de IA.

Esta versión se centra en herramientas de diseño profesional y mejoras de rendimiento que reducen los tiempos de carga y mejoran los índices de rendimiento. Category Query es una nueva herramienta para listar sitios web que muestra categorías y etiquetas en una cuadrícula circular y un carrusel.AI Copilot es otro emocionante paso inicial que permite a los creadores de sitios web construir sitios web de forma más rápida y eficiente utilizando inteligencia artificial. Esta versión también acelerará los sitios web con tres importantes mejoras de rendimiento.

Ordenación recursiva de listas 

Hoy, me gustaría presentarles a otro popular constructor de sitios web de contenido dinámico, Elementor versión 3.21. Hasta ahora, es posible utilizar Loop Grids y Loop Carousels para mostrar productos y artículos de forma consistente a través de Loop Templates. Con las consultas de categoría, las categorías y etiquetas pueden mostrarse como artículos en las Cuadrículas de Bucle y los Carruseles. Por ejemplo, una tienda de ropa podría utilizar la Cuadrícula de bucle para mostrar diferentes categorías de ropa como "Camisas", "Pantalones", "Sombreros" y "Ropa informal".

La consulta de taxonomías proporciona una funcionalidad avanzada para seleccionar qué taxonomías mostrar y el orden en que se muestran. Por ejemplo, es posible seleccionar "Mostrar todo" y filtrar la profundidad de las taxonomías mostradas para seleccionar cuántos niveles de subcategorías incluir en la lista. Este enfoque se recomienda para sitios con esquemas taxonómicos complejos que contengan múltiples niveles de subcategorías. Cuando construya o gestione sitios con taxonomías menos complejas, puede seleccionar la opción "Selección manual" para elegir qué categorías o etiquetas mostrar en la lista. Tanto si elige "Mostrar todo" como "Selección manual", la lista puede ordenarse alfabéticamente o por número de ID, en orden ascendente o descendente. Para garantizar una compatibilidad perfecta de las búsquedas de categorías con los sitios web de contenido dinámico, es totalmente compatible con plugins de terceros como ACF y Custom Post Types UI.

mejora del rendimiento 

Con la actualización a la versión 3.21, el rendimiento del sitio mejorará drásticamente. La nueva versión incluye tres importantes mejoras que reducen los tiempos de carga y mejoran las puntuaciones de rendimiento de Google.

Representación optimizada de los controles

Las puntuaciones de rendimiento del front-end consisten en una serie de métricas diferentes que miden el tiempo de carga y la eficiencia de un sitio web. Una de las métricas más destacadas es el tiempo hasta el primer byte (TTFB), que mide el tiempo transcurrido entre el primer contacto entre el cliente y el servidor y la llegada del primer byte de información a su navegador. Al optimizar la forma en que los widgets de Elementor se muestran en el navegador de un visitante, esta versión reduce el TTFB en 20%-30%, lo que supone una mejora importante y tiene un impacto significativo en las puntuaciones de rendimiento.

Para activar la nueva función, ve al panel de control de WordPress → Elementor → Ajustes → Funciones y activa "Optimizar carga de controles".

Código más limpio

Otra forma en que esta versión mejora el rendimiento es limpiando el código del sitio web. Bajo el capó de un sitio web, cada elemento está incluido en el Modelo de Objetos del Documento (DOM), que contiene instrucciones (código) sobre cómo el navegador representa el contenido y la estructura de un sitio web. Generalmente, si estas instrucciones están escritas de forma más eficiente, el navegador de un visitante cargará el contenido más rápidamente. Esta es la razón por la que esta versión no incluye marcado cuando la entrada de texto está vacía, optimizando así la cantidad de widgets de código generados. Por lo tanto, si se utiliza una caja de iconos y las instrucciones se dejan en blanco, el widget generará menos código y producirá una salida DOM más limpia.

Mejora de la carga retardada de las imágenes de fondo 

Las imágenes de fondo son uno de los activos más pesados de cargar para los navegadores y más difíciles de optimizar. Por lo tanto, nos complace que Elementor 3.21 mejore nuestros intentos en la versión 3.9 con un nuevo enfoque para cargar imágenes de fondo de forma perezosa. Esta vez, el experimento de activación priorizará eficazmente la carga de imágenes de fondo en función de su tamaño y posición en la página. De este modo, el navegador carga primero la imagen sobre el pliegue (que se muestra en la ventana inmediatamente después de la carga) y, a continuación, el resto de las imágenes de fondo. La carga lenta de imágenes de fondo es otra razón importante para crear sitios web con contenedores, ya que sólo se aplica a las imágenes de fondo configuradas para contenedores. Para desactivar la carga lenta en una imagen de fondo específica, defina la clase CSS como "e-no-lazyload".

A partir de esta versión, esta función experimental estará activa por defecto. Para activar "Lazy Load Background Image", vaya a Panel de control de WordPress → Elementor → Ajustes → Funciones.

AI Copilot: un superasistente para los creadores de redes

La IA de Elementor se ha convertido en el asistente personal perfecto para los creadores de sitios web, con el lanzamiento de AI Copilot, un asistente de IA que entiende los sitios web y sugiere diseños y elementos para añadir al diseño, lo que permite crear sitios web a un ritmo muy rápido. Al igual que otros grandes asistentes, Copilot se vuelve más intuitivo a medida que se trabaja con él. Cada sugerencia aceptada o rechazada le permite conocer tus preferencias personales y tu estilo, de modo que puede hacer realidad tus ideas más rápidamente y presentar los primeros borradores a clientes y miembros del equipo en cuestión de minutos.

Actualizaciones funcionales y experimentales

Esta versión contiene un gran número de cambios de estado para características y experimentos. Algunas de ellas se han activado por defecto en todos los sitios nuevos, y otras se han convertido en parte integral de Elementor y ya no se pueden activar o desactivar desde la página Características.

• Nuevo sitio activado por defecto: filtro de categorías, imagen de fondo lazy load.
• Los sitios existentes se activan por defecto: contenedores de rejilla.

¡Disfruta de nuevas consultas categóricas y de un mayor rendimiento con Elementor 3.21!

Esta versión también incluye Taxonomy Query for Loop Grids & Carousels, que permite mostrar categorías y etiquetas como elementos de bucle en el diseño. La actualización a la versión 3.21 también supondrá una mejora significativa en el rendimiento del sitio, con una mejora de 20%-30% en las métricas de tiempo hasta el primer byte (TTFB), así como la posibilidad de limpiar el marcado y la introducción de una función mejorada de imagen de fondo de carga perezosa.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres