astra-3.0-analisis

Astra 3.0

2021 parece arrancar con todo: nuevo WordPress, nuevo formato de imágenes AVIF, y la sofisticación de las herramientas para medir y evaluar la velocidad de un sitio. En esta ocasión, les presentamos aún otra novedad: Astra 3.0, lanzado con mejoras exhaustivas de rendimiento incluyendo un nuevo constructor visual para encabezados y pies de página. ¿La misión? Hacer un Tema más ligero, ágil, pero, sobre todo, con cambios revolucionarios a la hora de diseñar. Veamos…

Índice de Contenidos

¿Qué hay de nuevo en Astra 3.0?

Todos los cambios y mejoras se pueden aunar en tres grandes ramas que son las siguientes:

  • Se ha mejorado notablemente el tiempo de carga del Personalizador de Tema (de hecho, es un 70% más rápido).
  • Se ha acelerado la velocidad de carga del contenido online un 25% (sí, cuando actualices tu Tema Astra a la nueva versión, tu sitio será un 25% más rápido).
  • Se ha desarrollado un nuevo constructor para los pie de página y los encabezados. La interfaz es visual e intuitiva para que puedas crear diseños creativos en cuestión de minutos.

Empecemos por el principio…

Carga acelerada en la Personalización del Tema

En Astra 3.0, trabajar con el personalizador se ha vuelto un 70% más rápido: se carga en aproximadamente 1 segundo. Realmente es muy poco tiempo de espera comparado con el ingreso a la personalización que tienen otros Temas (en donde es normal esperar 4, 5 y hasta 7 segundos).

Astra 3.0 1

Hay que tener en cuenta que la experiencia del diseñador/desarrollador depende muchísimo del tiempo de latencia de una interfaz. Cuando se comienza un sitio de cero, o bien uno necesita o desea cambiar el aspecto de su sitio, es normal que se realicen pruebas y por ende se entre y salga varias veces del menú de personalización. Por ende, que el mismo se cargue en un segundo es realmente algo significativo. Los desarrolladores, agradecidos.

Para lograr este salto en la velocidad, Astra 3.0 abrazó React JS

React JS

React es una biblioteca de lenguaje JavaScript de código abierto, front-end (plataformas interactivas), que sirve para crear interfaces de usuario o bien componentes precisos de una interfaz. React JS es mantenido por Facebook y también por una comunidad amplia de desarrolladores y empresas individuales.

Sus virtudes son: rapidez, escalabilidad y facilidad para crear plataformas interactivas. Si bien React ya estaba presente para ciertos aspectos en Astra desde la versión 2.6, en la versión 3.0 se ha adoptado de manera completa pudiéndose acelerar la carga de Personalización dos segundos menos.

Astra 3.0 2
Pero además se incorporó la función de carga diferida para el contenido del personalizador, y gracias a esto hacer clic en el botón Personlizar y poder ver su pantalla tarda ahora sólo 1 segundo.

Carga de páginas más rápida

Ya hemos hablado varias veces sobre la carga del sitio y su impacto tanto en ventas como en el posicionamiento de resultados de búsquedas en Google/Yahoo/Bing. Pero, por supuesto, tampoco olvidemos que la velocidad en la carga y la fluidez de la interacción con el usuario es crucial en la experiencia de navegación de todo ser humano. Es por eso que Astra 3.0 implementó mejoras sustanciales en su código con el fin de permitir velocidades mayores en los sitios que usan este Tema.

Con las opciones y configuraciones de fábrica, las páginas hechas con Astra se cargan ahora en un promedio de 0,7 segundos.

No es fácil lograr esto: Astra realmente se ocupó de depurar, optimizar y ajustar su HTML y su CSS, pues códigos más livianos (menos líneas de programación y de estilos) hacen a sitios más rápidos tanto en su descarga como en la interacción con el usuario. Bravo por Astra.

En las capturas inferiores podemos ver una comparativa de un sitio promedio hecho en Astra antes y después de su nueva versión 3.0

Constructor visual de Encabezados y Pies de Página

Astra 3.0 nos ofrece ahora un nuevo diseñador de Encabezados y de Pies de Página con las bondades propias de las interfaces visuales modernas, en donde se arrastran y sueltan elementos. Se buscó flexibilidad, fluidez y diseño intuitivo, obteniéndose un producto final poderoso pero sencillo de usar.

Entre sus ventajas más grandes encontramos:

  • Se arrastran y sueltan elementos desde un repositorio de widgets. Colocar el logo y el menu es tan fácil ahora como moverlos allí donde queremos.
  • Se pueden construir diferentes encabezados y pies de página para diferentes dispositivos (algo muy útil para cuando se pretenden diseñar alternativas para pantallas Desktop, Tabletas y Celulares).
  • Los encabezados se pueden expandir a gusto, a fin de incluir más elementos.
  • Se puede colocar el carrito de WooCommerce en el encabezado.

Nunca podemos ver todos los elementos de un menú en el encabezado horizontal de un teléfono móvil (el menú de navegación se suele activar tocando el famoso ícono de ‘la hamburguesa’, es decir tres líneas paralelas horizontales). Ahora, Astra 3.0 nos permite decidir qué mostrar y que no en diferentes pantallas (segmentación por tamaño de pantalla). Gracias al editor de «vistas móviles», se nos permite agregar o quitar elementos según el ancho del display de turno. Ahora es realmente fácil colocar botones de redes, íconos y demás widgets pues sencillamente los soltaremos donde nos gusta o necesitemos que estén. Lo mismo con el carrito de WooCommerce, una gran novedad en Astra 3.0

Podemos también crear un menú diferente para que sea visto sólo en móviles, y elegir una opción de alternancia entre un menú deslizable, uno desplegable o bien una opción de menú a pantalla completa.

También es posible modificar aún más la altura, los colores, los fondos y otras opciones de diseño de manera exclusiva para dispositivos móviles.

Astra 3.0 5

Conclusiones

Astra 3.0 es el esfuerzo de comprender con mayor profundidad que el camino web requiere interfaces intuitivas, flexibles y veloces. Hoy existen ‘monstruos’ constructores que brindan todo esto (por ej., Elementor) y si Astra quiere mantenerse joven y vigente no se podía quedar atrás.

Cuando Astra mejora el código de un Tema para volverlo más liviano, es una clara señal de que valora a sus compradores y pretende mantenerlos contentos, a la vez que su producto sigue brillando, destacándose entre otros Temas y manteniéndose en carrera.

Mejorar la carga de su interfaz de 4 segundos a 1 es realmente una proeza y, de nuevo, habla bien de los desarrolladores detrás de Astra. Podemos aseverar que el camino que están tomando es el correcto para continuar siendo uno de los tres Temas más usados para WordPress en el planeta. Esto es radical, sobre todo cuando Hello Elementor avanza a paso firme y lleva de las narices a un montón de fans de este poderoso builder.

Como consejo final, y dado que Astra 3.0 es una actualización gigante, les recomendamos que realicen una copia de seguridad de su sitio web antes de actualizar.

Si la nota les ha gustado, les recordamos que incluimos Astra PRO en nuestros planes de hosting de WordPress Administrado junto con otras tantas herramientas profesionales que vuelven a un sitio especial, veloz y seguro.

Si les han quedado incertidumbres o bien les surge una pregunta en particular, no duden en aprovechar la sección de los comentarios más abajo.

 

Les deseamos éxito en sus empredimientos, y gracias por leer.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *