Hace unas semanas lanzamos nuestra actualización más ambiciosa. Astra 2.0!
Para ser sinceros, nos ha sorprendido un poco que a los clientes les haya encantado la nueva versión.
He aquí algunas respuestas de la comunidad que nos han hecho felices...
Sólo he compartido un par de ellas aquí, pero hay muchas más opiniones y comentarios que hemos recibido en nuestro blog, en respuestas por correo electrónico y también en las redes sociales.
Pero, como sabes no podemos quedarnos ahí, ¿verdad? 🙂 .
Prometimos añadir más personalizaciones, mejoras y actualizaciones en un futuro próximo.
Y como usted sabe por ahora - la mejora continua e incesante es parte esencial de nuestro ADN cultural.
Así pues, ¡me complace anunciar nuestra última actualización Astra 2.1!
En la versión 2.1 estamos lanzando un método para generar un archivo CSS para Astra - para que el CSS no aparezca en línea en el Código Fuente.
Esto hará que sea relativamente fácil para los navegadores cachear CSS (lo que significa una mejora en el tiempo de carga y la velocidad).
Siga leyendo para saber qué ha cambiado y cómo le beneficiará a usted y a su sitio web.
El pasado... CSS en línea
Hasta la reciente actualización (Astra 2.0) - cada vez que realizabas algún cambio en tu web utilizando el Astra Customizer - el tema generaba un CSS dinámico.
Este CSS dinámico se añadió a cada página de su sitio web.
Código CSS Astra:
Esto es lo que hemos aprendido de las opiniones de nuestros clientes -
El CSS en línea generado por el tema Astra - hizo que el HTML se viera un poco más voluminoso.
Los usuarios sofisticados y los desarrolladores siempre quieren un HTML más limpio.
Pues ya lo hemos oído. Y esto es lo que hemos cambiado.
El camino a seguir... Generación de archivos CSS
Con la actualización de hoy, Astra 2.1, seguimos cumpliendo nuestra promesa de ayudarte a crear sitios web más rápidos.
Una vez que hayas actualizado tu tema Astra y el complemento Astra Pro a la versión 2.1, verás una nueva opción en la página Opciones de Astra, como se muestra a continuación:
Cuando lo active, notará que el CSS en línea ya no aparecerá en el código fuente.
El CSS en línea se añadirá ahora como un archivo independiente.
Tenga en cuenta que esta opción está disponible con el Astra Pro.
Basándose en su configuración en el Astra Customizer - el archivo CSS se generará para cada una de las páginas y se cargará junto con la página. Así que en lugar de generar CSS dinámico en línea cada vez, un archivo separado servirá CSS requerido desde el addon. Los navegadores pueden almacenar fácilmente en caché este archivo.
Puede leer cómo se denominan estos archivos CSS aquí.
¿Qué significa esto para usted?
Hay algunas ventajas que notarás con esta actualización.
Esto hará que la caché del navegador sea más rápida.
Y esto mejora el tiempo de respuesta de su sitio web, lo que significa que sus usuarios/clientes pueden recuperar sus páginas web y contenidos más rápidamente.
Lo estamos consiguiendo, amigos.
Esta actualización mejorará la velocidad de carga de tu sitio con 8.47% 🙂 .
Nuestra misión de hacer que los sitios web sean más rápidos es una búsqueda sin fin, y le ayudaremos a conseguirlo (una actualización como ésta cada vez).
Aquí ¿hay un documento detallado que muestre cómo empezar con esta actualización?
Esté atento a las próximas actualizaciones. Para obtener un anticipo de lo que está por venir, aquí es donde encontrará nuestro hoja de ruta pública. En caso de cualquier consulta escriba a nuestro impresionante equipo de apoyo.
Como siempre, agradecemos sus comentarios. Háganos llegar su opinión en los comentarios.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
1) Para que quede claro, tras la actualización todo funcionará inicialmente igual que antes (en línea) - y luego tendríamos que activar la nueva función utilizando el botón "habilitar".
2) ¿Estoy en lo cierto al afirmar que, una vez activada, podemos desactivarla y volver a la opción en línea?
3) Y si no hay CSS en el personalizador - y la función está activada - entonces no se genera ningún archivo css (en blanco), ¿correcto?
Gracias, señor.
1. Correcto.
2. Correcto
3. El CSS en línea se genera para las opciones en el personalizador. Así que siempre hay algo de CSS en línea que se puede emitir como un archivo CSS independiente después de Astra 2.1 🙂.
Ah, es verdad, sólo pensaba en la sección css añadida, pero también están los otros elementos. Todo tiene sentido. Bien pensado. Muchas gracias.
¡Esto es sólido Sujay! Realmente me encanta esto como he pasado un montón de tiempo la optimización de mis sitios (todo Astra ahora) y ver que en línea Astra CSS fue siempre un poco duro para los ojos ;).
Esto es genial.
Gracias.
La velocidad y la optimización son importantes. Definitivamente un factor decisivo para cambiar a Astra. ¡Gracias por mantener esto como una prioridad!
Genial, es estupendo ver que hacéis mejoras REALES en el Tema. ¡Aplausos!
¿Interferirá esto en algo con WP-Rocket o se pueden activar ambos para mayor beneficio?
¿Astra 2.1 funciona bien con WP Rocket?
¿Qué pasa si tenemos un plugin que hace algo similar, dejamos esto o lo desactivamos en el plugin y usamos esta función?
Si ya estás utilizando un plugin para llevar todo el CSS en línea a un archivo CSS dedicado, puedes omitir esta función opcional que hemos añadido en Astra 2.1
¿Qué es esa herramienta de depuración/perfilado que aparece en tu captura de pantalla?
Hola Chris,
Es Blackfire lo que estamos usando 🙂 ...
Gracias por el cambio. Por qué lo has convertido en una opción en el personalizador y no en un comportamiento predeterminado?
Porque el CSS en línea es bueno en algunos casos. Este cambio no es adecuado para todos los sitios de forma inmediata y debe activarse caso por caso.
Parece brincadeira, vocês falam que estão super rápidos, e ao jogar essa paginas (https://wpastra.com/astra-2-1/) no Google Speed, sua nota dá 26 para mobile e 64 para desktop, fala sério...
Suena a broma, decís que sois super rápidos, y cuando tocáis esta página (https://wpastra.com/astra-2-1/) en Google Speed, tu nota es 26 para móvil y 64 para escritorio, en serio. .
Un tema por sí solo no da buenas calificaciones en las herramientas de velocidad de página. Y, sinceramente, las herramientas de pruebas de velocidad son bastante anticuadas y sus calificaciones no marcan ninguna diferencia. Lo que uno debe seguir es el tiempo que tarda en cargar el sitio web para sus visitantes.
¡¡Impresionante chicos!! ¡¡¡Periodo Astra!!! Una pregunta rápida, tenemos WPRocket en todos nuestros sitios Astra, ¿esta actualización con CSS en línea entrará en conflicto con WPRocket?
Gracias.
Astra 2.1 está hecho para funcionar con todos los plugins de caché y minificación. Así que también debería funcionar con WP Rocket 🙂 .
Creo que la pregunta no se aplica a la caché / minificación de WP Rocket, sino a su entrega optimizada (crítica) de CSS...
Hola, gracias por la actualización.
1. ¿Por qué hay un botón de Activar, sin duda esta característica debe ser por defecto?
2. ¿Por qué querría alguien desactivar la función más adelante?
Gracias
Hola
¿Cómo interactuará esto con plugins como Fast Velocity Minify?
Gracias.
No hemos probado este plugin en particular. Pero Astra 2.1 funciona bien con todos los plugins de caché y minificación. Así que no debería haber ningún problema. Si necesitas ayuda, no dudes en enviar un ticket de soporte.
¿por qué todavía no hay contador de visitas a la página para la entrada del blog "número de personas vieron el post" ?????
¿Se refiere a nuestro blog? ¿O esto como una característica en el tema Astra?
Curiosidad, ¿cuál es la herramienta de pruebas que muestras en el post?
Hola James,
¡Ese es Blackfire! 🙂
Hola
También utilizo Elementor page builder para construir parte de mi sitio web. Si activo esta opción, ¿cómo afectará a mi sitio web?
Gracias
No debería haber ninguna diferencia. Astra es muy compatible con Elementor.
¿Dónde se crea el archivo CSS generado? Para los sitios en Pantheon, que no permite el acceso ftp en los sitios en vivo, el destino del archivo debe ser editable por el usuario final. Tengo un ticket abierto sobre este tema.
Se crea en el wp-content/uploads/astra carpeta 🙂
Hmm... Ahora he probado mucho tanto con Astra como con Astra Pro.
Ahora he activado Astra Pro en Powercube.dk y hay un pequeño parpadeo en la pantalla antes de que se cargue. Es esto debido a la nueva css en línea en un archivo dinámico cambiado?
Estamos utilizando Litespeed, y ha establecido CSS crítico en.
Además, la navegación se "aleja" y se "acerca" al actualizar la página.
Hola, Esto se debe probablemente al CSS crítico generado por lightspeed y no a la generación de CSS desde Astra.
Debe ponerse en contacto con el soporte de plugins Lightspeed para este problema.
Gran mejora, Sujay.
Acabo de habilitarlo en mi primer sitio y he obtenido una mejora inmediata con el rendimiento de GTMetrix, que ha pasado de B a A y ha reducido en más de un segundo el tiempo de carga.
¡Gracias, equipo Brainstorm Force!
¿No se supone que el CSS en línea es algo bueno, ya que elimina la carga de un archivo CSS que bloquea la renderización?
Hola- Se recomienda tener el css en línea si es muy pequeño. pero si utiliza muchas opciones de Astra Pro puede generar una gran cantidad de CSS en función de un número de opciones que cambie. en tal caso, se recomienda tener el CSS cargado desde un archivo para obtener beneficios de la caché del navegador.
usamos WP Astra y Elementor pro en nuestro sitio web y muy satisfecho con la facilidad de diseño y la velocidad. después de la optimización de la velocidad tenemos 96 en google pagespeed insight para escritorio y 71 en pagespeed móvil. tiempo de carga promedio por debajo de 2sekon, gracias por este tema impresionante.
rendimiento en GTmetrix podemos obtener 100 pagespeed y 89 YSlow sin CDN. si se utiliza CDN o Cloudflare tal vez YSlow puede alcanzar 95.
así que para usted que necesita velocidad para el sitio web, nuestra recomendación es utilizar WP ASTRA tema
Gracias por este post Sujay.
Una pregunta: ¿de qué servicio o programa informático se trata? : captura de pantalla
Hola Ronan,
La herramienta mencionada en la captura de pantalla es Blackfire. Ayuda a los desarrolladores a perfilar, probar, depurar y optimizar el rendimiento de sus aplicaciones. Puede consultar este enlace.
He activado el archivo CSS como me indicaste y la velocidad de carga de la página también ha mejorado.
Sin embargo, hay un problema que aumenta el archivo css en el host, y aumenta significativamente la capacidad del host.
Puso a mi anfitrión en alerta roja.
¿Tiene alguna forma de resolver este problema?
Hola, no hemos encontrado informes similares con la versión 2.1. Es una versión antigua, ¿se enfrentan a un problema similar con las últimas versiones del tema y Pro addon. Si es así, por favor póngase en contacto con nosotros a través de nuestro Portal de asistencia y estaremos encantados de ayudarle.
¿Puedo activarlo con Ezoic Leap?
Hola, aún no hemos probado esta función con el salto Ezoic. Pruébalo y cuéntanos cómo va.
No estoy seguro de cómo la generación de miles de archivos CSS en su mayoría idénticos es un beneficio. Cada entrada, página, categoría, etiqueta, etc... tiene un archivo CSS en los directorios /uploads/astra/ y /uploads/astra-addon/. Los archivos son 80+ KB y 24+ KB respectivamente. El almacenamiento en caché del navegador no va a ayudar mucho cuando estos dos directorios están consumiendo casi 300 MB de espacio en disco en un nuevo sitio en el que he estado trabajando. ¿Quién pensó que generar un archivo CSS único para cada entrada, página y categoría (que son prácticamente idénticas, por no mencionar hinchadas) era una buena idea?
Hola Anthony,
Esta opción también está disponible para Spectra - Spectra.
Al igual que tú, me preguntaba por qué esto es útil, especialmente cuando se trabaja en un servidor Litespeed con la extensión de caché Litespeed...
Así que nunca sé si debo activar estas opciones o no...
Al parecer, usted es más competente que yo en este punto...
¿Puede aconsejarme?
Gracias
Thomas