Astra aporta importantes mejoras de rendimiento en versión 3.3. En esta versión, hemos optimizado HTML y CSS en la página. Esto reduce el tamaño de la página y trae un tiempo de carga más rápido para las páginas en el frontend.
Aquí está la lista completa de las páginas que se hacen más rápido con esta optimización -
- Última entrada del blog
- Puesto único
- Todos los archivos (incluidos el archivo del blog, el archivo de categorías, el archivo de pestañas, el archivo de autores, la paginación, etc.)
- WooCommerce - Página de tienda y página de producto único
- Easy Digital Downloads (EDD) - Página de producto único
- LifterLMS - Todos los cursos y página de curso único
- LearnDash - Todos los cursos y página de curso individual
Los usuarios que empiecen a utilizar Astra directamente a partir de esta versión, obtendrán nuevas mejoras de velocidad directamente en sus sitios web.
Pero los usuarios existentes -aquellos que ya utilizan Astra y lo actualizan a la v3.3- no verán estas mejoras directamente en la web.
¿Por qué?
La razón principal es no alterar la disposición, la estructura y el diseño de los sitios web existentes. En el proceso de optimización de HTML y CSS, hemos fusionado algunos códigos y eliminado otros. Si implementamos esto directamente en sitios web existentes, parte del diseño podría verse afectado. Cualquier código personalizado escrito en divs HTML o clases CSS eliminadas podría no funcionar.
Para evitar estos problemas, no hemos implementado el nuevo código directamente en los sitios web existentes.
Pero usted puede conseguir ciertamente estas optimizaciones en sus wbesites con un código simple del filtro.
¿Cómo?
A continuación se muestra un código personalizado que puede utilizar para aplicar optimizaciones HTML y CSS en su sitio web.
Pero antes de usar el código -
- Asegúrate de tener el tema Astra y el Astra Pro actualizados a la versión 3.3
- Toma un copia de seguridad de su sitio web
Pegue el siguiente código en su archivo functions.php del tema hijo.
add_filter( 'astra_apply_flex_based_css', '__return_true' );
¡Hecho!