Astra Theme Tutorial: Cómo acelerar con plugins de caché

La velocidad de carga del sitio afecta directamente al tiempo de permanencia de los visitantes y al rendimiento de la clasificación en los motores de búsqueda. Utilizar el tema Astra significa que ya dispone de una base de páginas ligera y de alto rendimiento. Pero si quieres mejorar aún más la velocidad de acceso, el tema en sí no es suficiente.

Combinado con un plugin de caché gratuito, puede aumentar un nivel la velocidad de apertura de la página y conseguir una auténtica experiencia de "apertura en segundos". Este artículo le llevará a dominar Astra y el plugin de cachéLos métodos de aceleración coordinados, que utilizan herramientas gratuitas en todo momento, son adecuados para que los webmasters preocupados por el rendimiento de la velocidad los consulten en profundidad.

¡Imagen [1] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!

I. Ventajas de rendimiento del propio tema Astra

Astra es un tema de WordPress diseñado para una carga rápida con las siguientes características:

caracterizacióninstrucciones
Sin jQueryEvitar los problemas tradicionales de bloqueo de JS
Carga modularCargar sólo los componentes activados
Compatibilidad con editores modernosFunciona perfectamente con Gutenberg, Elementor
Adaptable a páginas AMPMejorar la velocidad de acceso móvil
diseño sensibleSe adapta automáticamente a las pantallas de varios dispositivos

La estructura ligera de Astra facilita la obtención de la aceleración deseada cuando se utilizan plugins de caché.

En segundo lugar, los plug-ins de caché gratuitos recomendados

1. Caché LiteSpeed

¡Imagen [2] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!

El plugin LiteSpeed Cache es completo y fácil de usar. Es especialmente adecuado para sitios WordPress construidos en entornos LiteSpeed u OpenLiteSpeed.

Las características clave incluyen:

  • caché de página
  • Control de la caché del navegador
  • Carga perezosa de imágenes
  • Limpieza de la base de datos
  • Automatización de imágenes WebP
  • Acoplamiento CDN (compatible con QUIC.cloud y Cloudflare)

2. W3 Total Cache

¡Imagen [3] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!

W3 Total Cache es un plugin gratuito de nivel profesional que ofrece múltiples formas de almacenamiento en caché:

  • caché de página
  • Configuración de las reglas de caché del navegador
  • Almacenamiento en caché de consultas a bases de datos
  • Compresión HTML, CSS, JS
  • Compresión gzip
  • Gestión de la caché de recursos estáticos

Ideal para creadores que desean un control preciso de sus mecanismos de almacenamiento en caché.

Métodos de configuración de LiteSpeed Cache + Astra

Paso 1: Instalar y activar el plugin

Vaya a la página de plugins del backend, busque "LiteSpeed Cache", haga clic en instalar y activar.

¡Imagen [4] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!

Paso 2: Activar el caché básico

LiteSpeed Cache > Configuración de Caché:

  • empezar a utilizar(informática) cachéfuncionalidad
  • Activar la caché independiente para móviles
  • No se almacenan en caché las páginas de inicio de sesión de los usuarios (páginas de edición del backend para evitar falsos almacenamientos en caché).
  • La caché de usuario de comentarios puede activarse o desactivarse según convenga
¡Imagen [5] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!

Paso 3: Activar la optimización de recursos

LiteSpeed Cache > Ajustes de optimización:

  • Fusionar y comprimir CSS/JS
¡Imagen [6] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
¡Imagen [7] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
  • Activar la compresión HTML
¡Imagen [8] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
¡Imagen [9] - Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
  • Eliminar la cadena de consulta URL
¡Imagen [10]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!

Paso 4: Ajustes de optimización de imagen

LiteSpeed Cache > Panel de optimización de imágenes:

¡Imagen [11]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
  • Activar la carga diferida (si no está activada por el propio Astra)
¡Imagen [12]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
  • Si ambos tienen ajustes de carga lenta, active sólo el de LiteSpeed

Paso 5: Excluir rutas de páginas en caché

Para evitar el almacenamiento en caché de la cesta de la compra, la página de pago, el backend y otras páginas, se recomienda excluir las siguientes rutas:

/wp-admin/*
/carro
/pago
/mi-cuenta
¡Imagen [13]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!

Astra con el plug-in de caché habilidades prácticas

Optimización del constructor de páginas

Si utilizas Elementor o Gutenberg para construir tus páginas, debes evitar activar la optimización de caché propia del constructor, y dejar la fusión de recursos y la postergación al plugin LiteSpeed Cache para evitar funcionalidades conflictivas.

Sugerencias para optimizar la carga de la página de inicio

Combinado con la simplicidad nativa de Astra y el soporte para plugins de caché, es fácil conseguir una página de inicio que se abra en segundos. Se recomienda reducir el uso de vídeos, scripts sociales, fuentes de terceros y otros contenidos de recursos pesados en la página de inicio para reducir aún más el tiempo de carga.

Control de carga de fuentes

Disponible en LiteSpeed CacheConfigurar la precarga de fuenteso localizadas para reducir el retardo de carga de Google Fonts. Si no hay ninguna necesidad especial, se recomienda utilizar fuentes del sistema o fuentes personalizadas cargadas.

Compresión de imágenes y conversión de formatos

Habilite la compatibilidad con WebP a través del panel del plugin y active la compresión automática, puede reducir eficazmente la proporción de recursos de imagen, especialmente adecuado para blogs o sitios empresariales con más imágenes de contenido.

V. Herramientas de medición de la velocidad y verificación del rendimiento

En combinación con Astra y LiteSpeed Cache, se recomiendan las siguientes herramientas para realizar pruebas de velocidad de carga:

artefactoDescripción funcional
Google PageSpeed InsightsAnalizar las métricas de rendimiento de móviles y ordenadores de sobremesa
GTmetrixVer tiempos de carga, tamaños de archivos, sugerencias de optimización
Herramientas PingdomPruebe rápidamente la latencia de acceso y la respuesta DNS

Valores de referencia sugeridos para el rendimiento de la página:

  • Carga de la primera pantalla < 2,5 segundos
  • Tamaño de página < 1 MB
  • Mantener el número de solicitudes por debajo del 50
  • Golpes de caché superiores a 90%

VI. Recomendaciones de configuración rápida de W3 Total Cache

Si utiliza un entorno Apache o Nginx, pruebe a configurar la opción W3 Total Cache::

  • Activar la caché de páginas (Disco: Mejorado)
¡Imagen [14]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
  • Activar la caché del navegador
¡Imagen [15]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
¡Imagen [16]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
  • Compresión HTML, CSS, JS
¡Imagen [17]-Astra tema libre de velocidad: con el plugin de caché para lograr el sitio en cuestión de segundos!
  • Configuración CDN Paquete opcional con el servicio gratuito de Cloudflare

La interfaz de operación es más complicada, y se recomienda guardar la prueba elemento por elemento.

VII. Declaración de preguntas frecuentes

¿Entran en conflicto Astra y el plugin de caché?

Astra está escrito con una estructura disciplinada y sencilla y, por lo general, no entra en conflicto con los plugins de caché. Mientras no se activen repetidamente las mismas optimizaciones (por ejemplocarga perezosa (informática)) para un funcionamiento estable.

¿Qué debo hacer si las actualizaciones de los artículos no están sincronizadas después de activar el almacenamiento en caché?

Por defecto, el plugin de caché borrará automáticamente la caché después de publicar. Si la actualización no surte efecto, puedes borrar la caché manualmente en la configuración del plugin o activar la función "Borrar caché al guardar publicación".

¿Para qué hosts está disponible LiteSpeed Cache?

LiteSpeed Cache es ideal para servidores LiteSpeed u OpenLiteSpeed. También puede desplegarse con OpenLiteSpeed para aquellos que utilicen el Pagoda Panel. Si utiliza Nginx o Apache, se recomienda W3 Total Cache.

VIII. Lista de comprobación de la optimización de la caché (LiteSpeed Cache)

lista de controlAjustes recomendados
Plugin activadosea
Caché de página activadasea
Independencia de la caché móvilsea
Eliminar el almacenamiento en caché del backend y de la página de pedidossea
Carga perezosa de imágenes activadasea
Activar el formato WebPsea
Combinar y comprimir CSS/JSsea
Proceso de precarga de fuentessea
La configuración de CDN es correctaseleccionable
Limpieza de base de datos activadasea
El retraso en la carga de los recursos es normalsea

Se recomienda comparar los cambios de rendimiento antes y después de utilizar las funciones de optimización y seleccionar la combinación más estable y compatible.

resúmenes

Tema AstraYa tiene un buen rendimiento de carga, y con plug-ins de caché gratuitos como LiteSpeed Cache o W3 Total Cache, puede acortar aún más el tiempo de respuesta y reducir la tasa de rebote. Todo el proceso de aceleración está exento de costes adicionales, siempre que la configuración razonable permita obtener una excelente velocidad de carga.

Si no está satisfecho con la velocidad de su sitio web actual, pruebe los ajustes proporcionados en este artículo y utilice una herramienta de prueba de velocidad para comparar. Con unos sencillos pasos, tu sitio web Astra será "ligero + rápido".


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: [email protected]
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo ha sido escrito por lmx
EL FIN
Si le gusta, apóyela.
felicitaciones622 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios