Astra 3.5 - Carga más rápida, nuevos controles y accesibilidad mejorada

En nuestra continua búsqueda por hacer sus sitios web más rápidos, estamos aquí con una nueva actualización: ¡Astra 3.5!

Este es el siguiente paso en la serie Astra 3.0, donde tu tema favorito está estableciendo nuevos estándares con su rendimiento y velocidad. Y la última actualización Astra 3.5 no es diferente.

Llevando el rendimiento de Astra al siguiente nivel, la versión 3.5 introduce potentes optimizaciones de CSS para una carga más rápida del frontend.

También ofrece opciones avanzadas para las entradas relacionadas publicadas recientemente y una mejor visibilidad del título y el eslogan del sitio.

Con esta actualización, Astra da un gran paso adelante para convertirse en un tema totalmente accesible.

También nos complace anunciar que su tema Astra favorito está casi listo para Google Core Web Vitals. Como probablemente sabrás, CWV es la próxima gran novedad en Internet y Astra será totalmente compatible con ella.

Veamos más sobre esta actualización:

Carga más rápida con CSS optimizado

¿También te encanta diseñar páginas web con colores, tipografías, maquetaciones y diseños diferentes?

Sepa que con más estilo viene aún más código. Y con más código, ¿hay más CSS?

Con Astra 3.5 en adelante, no importa cuántas opciones de estilo utilices, todo el código será servido por archivos CSS optimizados. ¡Esto te proporciona la mayor velocidad de carga en el frontend y añade alas a tu creatividad!

Esta actualización se centra en la optimización del CSS que se carga con Astra en tu página.

Esto es lo que hicimos para mejorar la carga de CSS:

• Carga condicional de CSS: Lo que esto significa es que Astra ahora cargará CSS sólo si el estilo particular se aplica a la página web o si un elemento se utiliza en la página web. El CSS correspondiente se generará en función de las opciones de diseño que elijas en el personalizador de Astra. Esto también incluye los elementos que utilices en el constructor de encabezado y pie de página y evitará cargar CSS que no necesites.
• Cargar sólo el CSS relevante del constructor de páginas: Astra detectará primero el page builder que utilizas y luego cargará el código CSS correspondiente.
• CSS totalmente optimizado: Hemos examinado cada línea de CSS aplicada tanto para la vista de escritorio como para la responsive. Hemos optimizado y reducido el CSS al máximo.

Esto cubre todo el CSS que es aplicado por Astra, dándole el tiempo de carga muy mejorado.

He aquí el resultado de una prueba que realizamos utilizando la versión anterior de Astra y la próxima.

Antes de Astra 3.5, el archivo CSS principal tenía un tamaño de 18,5 KB.

Con Astra 3.5, el tamaño del archivo CSS se redujo a 16,4 KB.

Nuevos controles para entradas relacionadas

La nueva función de entradas relacionadas se introdujo con Astra 3.4.

Con esta función, puedes mostrar entradas relacionadas en tus entradas y páginas desde el personalizador de Astra.

Esta opción dispone ahora de controles adicionales.

Veamos cuáles son:

1. Título personalizado

A veces puede que necesite destacar su sección de entradas relacionadas con un título atractivo.

Con la opción Título personalizado, puede establecer cualquier cadena como título de la sección de entradas relacionadas y gestionar su alineación.

2. Gestionar el número de columna en dispositivos responsivos

Con la versión anterior, podías establecer un número de columnas para las entradas relacionadas. Ahora puedes gestionar el número de columnas en todos los dispositivos.

Visibilidad de respuesta para el título y el lema del sitio web

Esto añade la nueva opción de respuesta para el botón de alternancia para el título del sitio y el eslogan del sitio para dispositivos de escritorio, tabletas y móviles.

La opción de colorear el título del sitio es ahora accesible para todos

La opción de color del título del sitio sólo estaba disponible con el addon Astra Pro. Ahora se ha trasladado al tema Astra.

Puede encontrarlo en el elemento del logotipo, en la pestaña de diseño.

Mejora de la accesibilidad

Como sabes, Astra ya es un tema preparado para la accesibilidad. Pero con la versión 3.5, Astra da un paso más para convertirse en un tema totalmente accesible.

En los últimos años, tener un sitio web preparado para la accesibilidad es uno de los aspectos importantes del diseño web. Es importante crear sitios web accesibles que no excluyan a personas con necesidades diferentes.

Mejorando aún más Astra, la versión 3.5 cuenta ahora con las siguientes actualizaciones:

• Los colores de fondo y primer plano tendrán ahora una mayor relación de contraste.
• El botón de búsqueda del formulario de búsqueda es ahora totalmente accesible.
• Muestre siempre atributos aria-label en los iconos sociales del constructor para facilitar la accesibilidad.

¡Consigue Astra 3.5 hoy mismo!

¿Emocionado por experimentar un Astra más rápido y probar nuevas funciones? Actualiza el tema Astra y Astra Pro hoy mismo.

Como se insinuó al principio, Astra está casi lista para Core Web Vitals. CWV son métricas proporcionadas por Google para medir áreas del diseño web relacionadas con una buena experiencia de usuario. Su lanzamiento está a la vuelta de la esquina y estamos preparando Astra. ¡Permanece atento! 

Dinos qué te parece Astra 3.5 en los comentarios. Si necesitas ayuda con esta actualización, ponte en contacto con nuestro impresionante equipo de asistencia. 

Antes de continuar con la actualización, ¿has consultado un nuevo curso en nuestra plataforma de aprendizaje en línea? Hace unos días lanzamos un nuevo curso SkillJet - Acelere su sitio web WordPress.

Le ayuda a abordar los conceptos erróneos más comunes sobre la optimización de la velocidad de los sitios web y le mantiene al día de las últimas mejores prácticas de optimización de sitios web. 

Hasta la próxima. ¡Salud!