Web Hosting
astra 3 3 analisis

Astra 3.3

Astra es uno de los Temas profesionales más elegidos para WordPress desde hace un tiempo. Es versátil y poderoso; está repleto de opciones de personalización para hacernos la vida más fácil. Además, es increíblemente rápido.

No obstante, desde que Astra vio la luz, varios otros Temas bien desarrollados salieron al ruedo: Hello, Blocksy, Neve y GeneratePress son sólo algunos de los competidores que demuestran ser plantillas sólidas y bien aceptadas.

Es que, para permanecer en la competencia tecnológica de velocidad, ningún Tema puede descansar en sus ‘viejos’ éxitos. Y Astra 3.3 demuestra que no perdió tiempo: uno de los Temas más rápidos del mercado se volvió incluso más rápido todavía.

Tercera Generación

En nuestra nota sobre Astra 3 comentábamos las mejoras impresionantes de la mano del nuevo Personalizador dinámico y la tecnología React. Si aún no sabes nada sobre Astra o no estás al tanto de las mejoras introducidas en su generación tercera, te recomendamos comenzar leyendo desde allí.

En poco tiempo, la primera actualización de la generación Tres, es decir Astra 3.1, nos trajo el personalizador más fachero y con un rendimiento de excelentes puntajes. La versión 3.1 incluyó aún más controles sobre los elementos del generador de Pie de Página y de Encabezado, un nuevo elemento de Conmutador de Idiomas y nuevas opciones de personalización para los elementos de Carrito, Botones y Buscador.

A partir de Marzo de este año, Astra Pro 3.2 nos permite agregar un diseño personalizado dentro de Gutenberg. Esto posibilita incluir llamadas a la acción (call-to-action) en nuestro sitio web con libertad y facilidad. Otra novedad de 3.2 fue que los desarrolladores detrás de Astra se unieron a aquellos responsables del plugin Google Web Stories para lograr una integración y compatibilidad recíproca al 100%.

Lo que nos lleva al umbral de la versión 3.3…

Astra 3.3 1

4 puntos fuertes

Sus propios desarrolladores han definido las mejoras de la nueva versión de Astra como ‘pequeños cambios que generan ventajas de rendimiento gigantes‘. Básicamente, las mejoras se pueden agrupar en cuatro grandes troncos:

  1. Mejora del marcado tanto de HTML como de CSS reduciendo los tamaños de archivos finales.
  2. Reemplazo de los iconos fuente por el formato vectorial SVG. Esto redujo muchísimo las solicitudes de archivos.
  3. Un Personalizador de Tema que ahora es el doble de rápido.
  4. Un nuevo elemento estratégico: botón de alternancia para escritorio.

Cabe aclarar con antelación también que Astra 3.3 es compatible con WordPress 5.7, su última versión a la fecha de esta nota.

A continuación, analizaremos estos cuatro puntos en detalle.

Sitios Web ultrarápidos con marcado HTML y CSS mejorado

Los desarrolladores sabemos muy bien la verdad de esta máxima: cuanto más limpio es el código de programación de un Tema, más rápido es el tiempo de carga de la página. Por limpio entendemos breve, eficiente, sin redundancias.

Con cada actualización que benefició a Astra a lo largo del tiempo, sus programadores fueron revisando, modernizando y optimizando su código PHP. En otras palabras, la cantidad de líneas de programación se redujo de manera progresiva.

Astra 3.3 2
Para Astra 3.3, cada una de las líneas del código que compone el Tema fue puesta bajo la lupa

Esta ‘poda’ fue impactando favorablemente en la carga de los sitios que usan Astra, algo que cualquier administrador pudo notar con cada upgrade. Cabe aclarar que las mejoras siempre incluyeron refuerzos crecientes en la seguridad y compatibilidad de Astra.

Particularmente, en la nueva versión Astra 3.3 se trabajó en la optimización del marcado HTML y CSS del front-end (parte pública de un sitio web, lo que las visitas ven).

Esta fina optimización del marcado no sólo ayuda a incrementar la velocidad de los sitios con Astra, sino que también mejora la experiencia general de los usuarios.

No es broma: los desarrolladores de Astra auditaron cada una de las líneas de código buscando margen de perfeccionamiento.

Como resultado, innumerables archivos se vieron depurados, acortados y mejorados. Esto resultó en una mejora significativa del rendimiento de un sitio con Astra a nivel global.

Las plantillas que se beneficiaron enormemente son:

  • Última Entrada del Blog
  • Entrada Única
  • Todos los Archivos
  • Página de Tienda de WooCoomerce
  • Página de Presentación de Producto en WooCommerce
  • Página de un Sólo Producto de Descarga Digital Fácil (EDD)
  • LifterLMS: Página de presentación de todos los Cursos y Páginas de un Sólo Curso
  • LearnDash: Página de presentación de todos los Cursos y Páginas de un Sólo Curso

Íconos en formato SVG

Hasta la llegada de esta versión, los íconos utilizados en Astra (menú, carrito, cuenta, etc.) se cargaban desde el archivo de fuente astra.woff. A partir de 3.3, los íconos fueron completamente reemplazados por iconos en formato vectorial SVG.

Astra 3.3 3

Los íconos SVG son mucho más livianos, pero además se ven más nítidos en los diversos dispositivos que existen hoy día. Por si fuera poco, SVG, por su naturaleza vectorial, proporciona una mayor escalabilidad a un tamaño de archivo más pequeño.

Cambiar a íconos SVG es una medida que redujo la necesidad de cargar fuentes adicionales para diseñar. Paralelamente, los sitios en Astra ahora cargan más rápido debido al reemplazo de WOFF por SVG.

Por si alguien duda de la mejora que representa este cambio, aquí va una comparativa empleando GTmetrix en una página modelo:

Astra 3.3 4
Astra 3.3 5

En el ejemplo, en la versión anterior Astra 3.2 envía solicitudes para cargar la página en donde la carga de fuentes implica un 12,5% del tiempo de carga.

En la versión actual, Astra 3.3. ha reducido este 12,5% a 0%

Personalizador Ultrasónico

La pantalla de Personalización del Sitio de Astra 3.3 es el doble de rápida que su versión antecesora.

El personalizador de diseño de Astra no solamente es de los más generosos del mercado por su flexibilidad y cantidad de opciones, sino que ahora es también uno de los más rápidos. Entre las mejoras de rendimiento encontramos:

  • Controles de personalizador optimizados: desde cambiar entre pestañas a transiciones más rápidas, agregar y personalizar elementos con un constructor de Encabezados y Pies de Página acelerado. Astra 3.3 se siente más rápido en todas las acciones de configuración y diseño vía su personalizador.
  • Tiempo de actualización del personalizador mejorado: cada vez que realices un cambio en el personalizador, podrás ver una vista previa en vivo de las modificaciones a medida que actualizas la sección respectiva. El tiempo de actualización vía el botón «publicar cambios» se ha mejorado significativamente.
  • Opciones de base de datos optimizadas: se ha mejorado el proceso de guardar nuestos cambios personalizados en la base de datos de WordPress. Esto mejora la eficiencia del personalizador en cualquier acción que  se realice.

La vista de desarrollador de Chrome nos lo demuestra a la perfección:

Astra 3.3 6
Astra 3.3 7

Como puede observarse, el tiempo de refresco de la página tras aplicar los cambios se ha reducido a la mitad.

Nuevo elemento Encabezado/Pie de Página + botón de alternancia para el Escritorio

El generador de Encabezado y Pie de Página introducido en esta tercera generación de Astra va de mejor en mejor. Los Admins notarán que la creación y edición de estas porciones de nuestro sitio son mucho más veloces que antes.

Pero también los desarrolladores supieron escuchar a sus usuarios: por eso, Astra 3.3. incorpora el elemento más solicitado a su Generador de Encabezados/Pies y es el botón Alternar para escritorio.

El video siguiente lo ilustra de manera óptima:

El nuevo botón permite mostrar contenido diverso (como menús, botones, campos de búsqueda y demás) dentro de un área deslizable (off-canvas) de alternancia. El botón es el típico ícono de ‘hamburguesa’ (tres líneas horizontales paralelas).

Astra 3.3 8

Con la ayuda de este nuevo elemento, los desarrolladores podemos diseñar un menú poderoso en el Escritorio sin tener que preocuparnos por posicionar, colocar ni ajustar la navegación alrededor de una imagen o gráfico a pantalla completa (como en el ejemplo del video).

Podemos agregar esta área deslizable (botón ‘hamburguesa’) dentro del encabezado (vía el Generador de Encabezados/Pies) e incluir todos los elementos de menú que necesitemos sin sacrificar espacio de la pantalla. Sin lugar a dudas, esta nueva herramienta nos permite escalar e incluso reimaginar nuestros diseños con mayor libertad y estrategia.

Conclusiones

La gente detrás de Astra no es improvisada ni mucho menos perezosa. Internet es un escenario cambiante: lo que un día es novedoso, al otro es estándar, y al siguiente viejo. Si un Tema (o plugin, o lo que fuere) pretende mantenerse vigente, no sólo debe abrazar las tecnologías nuevas sino también mantener un código pulido, preciso, concienzudo. Y Astra hace todo esto bien.

La versión 3.3 es, en comparación con la 3.2, muchísimo más rápida. Por poco, merecía llamarse Astra 4, pero lo cierto es que, mientras la generación 3 se actualiza, los desarrolladores ya anunciaron que vienen trabajando hace rato en grandes mejoras y nuevas posibilidades. Dado los avances que representó la nueva versión 3.3, estamos sguros de que grandes cosas se avecinan en el horizonte de Astra.

Astra en su última versión es un Tema incluido gratuitamente en nuestro Plan de WordPress Administrado. Mudamos tu sitio a nuestros servidores optimizados para WordPress, lo aceleramos y actualizamos cada uno de sus componentes.

Si te gustó la nota, no dejes de considerarlo.

¿Ya tienes Astra? ¿Tienes problemas para actualizarlo? ¿Te han surgido dudas a raíz de nuestro análisis? No dejes de compartir tus experiencias en los comentarios.

Leemos y respondemos todos los mensajes.

Éxitos, y gracias por leer.

Deja una respuesta

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