Actualización de Elementor 3.25: Optimización de CSS, control de Anchor Offset y Live Search Pagination mejoran la velocidad del sitio y la experiencia del usuario.

Mejore la velocidad del sitio web y la experiencia del usuario, mejore la funcionalidad y proporcione una experiencia de funcionamiento más fluida.

Elementor La versión 3.25 aporta una serie de mejoras significativas para aumentar el rendimiento del sitio y la experiencia del usuario. Entre los aspectos más destacados de esta actualización están las optimizaciones de CSS, un desplazamiento más suave (Con CSS nativo y nuevo control del desplazamiento del anclaje), así como la funcionalidad de paginación para el widget de búsqueda. He aquí los detalles de la actualización:

Mejora del rendimiento: optimización continua del CSS

La velocidad de carga de un sitio web es fundamental para la experiencia del usuario, especialmente en móviles y tabletas. Ranking SEOElementor 3.25 mejora significativamente la velocidad de carga de las páginas y reduce la carga innecesaria de recursos mediante la optimización continua de CSS, mejorando así el rendimiento general del sitio.

Mejoras clave:

Cero pesos CSS para el plugin Elementor Pro
En Elementor 3.25, el plugin Elementor Pro comenzará con cero CSS por defecto. Esto significa que cuando el plugin se habilita por primera vez, el plugin no cargará ningún estilo CSS hasta que empieces a añadir widgets o a usar sus funciones. Este enfoque reduce drásticamente el tamaño del CSS inicial, lo que garantiza que el sitio sea más ligero desde el principio y evita cargar CSS redundante, aumentando aún más la velocidad de carga.
Carga bajo demanda de widgets de WooCommerce
Los usuarios de WooCommerce se beneficiarán enormemente de esta actualización. Mientras que Elementor cargaba anteriormente el CSS de los 32 widgets de WooCommerce tanto si se utilizaban como si no, en la versión 3.25 el CSS se cargará de forma condicional en función del uso real. Como resultado, el CSS asociado a un widget de WooCommerce sólo se cargará cuando se utilice realmente en una página, ahorrando hasta 197 KB de recursos CSS y haciendo que la tienda WooCommerce cargue mucho más rápido.
Estilos globales cargados a petición
Los estilos globales en Elementor 3.25 se cargarán de forma condicional. Esta mejora reduce el tamaño de los archivos de estilos globales en hasta 65 KB, lo que reduce aún más la carga innecesaria de CSS y mejora la capacidad de respuesta del sitio.
Cargar estilos de widget a petición
En la versión 3.25, Elementor ha hecho que la carga bajo demanda sea más granular para los diferentes widgets. Los estilos que se cargaban todos a la vez ahora se cargan de uno en uno en función de los widgets que se estén utilizando. Esto incluye:
- 6 Widgets de elementos temáticos
- 3 widgets giratorios
- 2 widgets de formulario
Con esta optimización, Elementor sólo carga los estilos CSS que realmente se utilizan, evitando la necesidad de cargar código redundante, lo que mejora significativamente la velocidad de carga de la página.

Estas optimizaciones se han traducido en una mejora significativa de la velocidad de carga del sitio, proporcionando a los visitantes una experiencia de navegación más fluida tanto en ordenadores de sobremesa como en móviles, además de tener un impacto positivo en las puntuaciones SEO y en las métricas principales de Web Vitals.

[Pro] Desplazamiento más suave con CSS nativo: introducción de un nuevo desplazamiento de anclaje

En Elementor 3.25 también se produjo una importante mejora en el rendimiento del desplazamiento, ya que el equipo técnico de Elementor sustituyó la biblioteca AnchorJS por una solución CSS nativa, que no sólo mejora el rendimiento al reducir la dependencia de JavaScript, sino que también hace que el desplazamiento sea más suave y coherente en todos los dispositivos.

Nuevo control del desplazamiento del ancla

Una de las principales características de esta actualización es "turno de anclaje", que garantiza que los enlaces de anclaje se desplacen a la posición correcta en la página, teniendo en cuenta los encabezados adhesivos y otros elementos. Anteriormente, los enlaces de anclaje se desplazaban a menudo a lugares ocultos tras los títulos pegajosos, lo que causaba confusión y frustración a los visitantes. La función "Anchor Offset" resuelve este problema estableciendo un valor de desplazamiento personalizado y ajustando el comportamiento de desplazamiento para que la parte del enlace sea totalmente visible y no quede oculta tras los títulos adhesivos.

Cómo fijar el desplazamiento del anclaje

Para establecer el desplazamiento de anclaje, vaya a la pestaña Avanzado de la cabecera, desplácese hasta Efectos de movimiento, establezca la cabecera en Pegar arriba o abajo y, a continuación, podrá establecer el valor correspondiente en el campo Desplazamiento de anclaje.

[Pro] Widget de búsqueda mejorado: Paginación de resultados en tiempo real

El widget de búsqueda de Elementor 3.25 ha sido objeto de una importante actualización para introducir la paginación de resultados en tiempo real. Anteriormente, los resultados de búsqueda en el menú desplegable de búsqueda en vivo sólo mostraban un número determinado de elementos, y los visitantes tenían que navegar a páginas separadas para ver resultados adicionales. Ahora, Elementor 3.25 introduce la paginación directamente en el menú desplegable de búsqueda en vivo, lo que permite a los visitantes navegar por varias cuadrículas de resultados sin salir de la página actual y proporciona una experiencia más fluida al buscar grandes cantidades de contenido.

Principales ventajas

Mejora de la experiencia de búsqueda:Los visitantes pueden explorar más resultados directamente en la barra de búsqueda, lo que reduce la fricción y mantiene su interés.
Aumentar el descubrimiento de contenidos:Con la paginación, es más probable que los visitantes encuentren el contenido que buscan, lo que aumenta su satisfacción.
Mayor compromiso y menor tasa de rebote:Al permitir que los visitantes permanezcan en la página actual mientras buscan, puede crear una experiencia más fluida y mantenerlos interesados durante más tiempo.

Cómo configurar la paginación

Para añadir paginación a la "buscar algo"Los widgets, en primer lugar, se encuentran en el "elemento"de la pestaña "al final"Parcialmente habilitado"Resultados en tiempo real", luego seleccione "plantilla periódica", y luego en "Otros ajustes" (en la misma pestaña - "Contenido"), hay una opción para activar las opciones de paginación con números y/o siguiente/anterior. También es posible seleccionar en el menú "tipo"para personalizar el aspecto de la paginación. Opcionalmente, puede ajustar la alineación, el posicionamiento vertical, el espaciado y la tipografía, así como añadir estilos de estado hover y activo.

Otras actualizaciones de Elementor 3.25

El envío de formularios está activo por defecto en todos los sitios:El envío de formularios es ahora nativo en el editor y está activo en todos los sitios. Los usuarios pueden enviar un formulario navegando a la sección Elementor > Configuración > AvanzadoSi desea desactivar esta función desde el panel de control de WP, puede hacerlo haciendo clic en el botón "Desactivar" en el panel de control de WP.
Nuevos experimentos de rendimiento optimizado de los marcadoresPrimer wrapper para los widgets Delete Button, PayPal y Stripedivpara simplificar el marcado y reducir el DOM general. se encuentra actualmente en estado Alfa y no debe activarse en sitios de producción.
Twenty Fifteen Theme:Elimina la compatibilidad CSS para eliminar los colores de fondo del tema en las páginas que utilizan la plantilla "Elementor Canvas".
Actualizaciones funcionales y experimentales:
- Contenedor Grid - fusionar con contenedor Flexbox y renombrar a "Contenedor".
- Carga de control optimizada - Eficaz para los emplazamientos existentes y actualizada a un estado estable.
- Elementos anidados - Se aplica a los sitios existentes.
- Barra superior del editor - funciona para los sitios existentes.
- Mostrar condiciones (para elementos) - condiciones nativas en el editor.

Resumen:

La actualización Elementor 3.25 aporta varias mejoras, especialmente en las áreas de optimización del rendimiento, experiencia de desplazamiento y funcionalidad de búsqueda:

Optimización continua de CSSReduce la carga innecesaria de CSS y mejora la velocidad y la capacidad de respuesta del sitio.
Nuevo control del desplazamiento del ancla: Proporciona una experiencia de desplazamiento más precisa y suave para las páginas con una barra de navegación fija.
Widget de búsqueda Paging: Mejora de la funcionalidad de búsqueda en tiempo real para aumentar la velocidad de búsqueda y la experiencia del usuario mediante la paginación.

Estas actualizaciones no sólo mejoran la velocidad de carga del sitio web y reducen el consumo innecesario de recursos, sino que también mejoran la experiencia de navegación y la interactividad del usuario, lo que supone un firme apoyo a la optimización general del sitio web.

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