Optimización web con LiteSpeed Cache: Consigue un 100% en PageSpeed para WordPress

En la búsqueda constante por mejorar el rendimiento web, la optimización de la velocidad de carga se ha convertido en un factor crucial tanto para el SEO como para la experiencia del usuario. Las páginas lentas aumentan las tasas de rebote y reducen las conversiones y el crecimiento del tráfico. Con el plugin LiteSpeed Cache, es posible mejorar significativamente el rendimiento del sitio y alcanzar puntuaciones perfectas en PageSpeed y GTmetrix.

Screenshot

LiteSpeed Cache: Un vistazo general

LiteSpeed es un servidor web de alto rendimiento diseñado para acelerar los sitios web. Su arquitectura basada en eventos maneja más tráfico con menos procesos, reduciendo el uso de recursos y mejorando la velocidad de las páginas. LiteSpeed viene en dos ediciones:

  • LiteSpeed Enterprise: Ideal para alojar múltiples sitios web o entornos de alojamiento compartido.
  • OpenLiteSpeed: Una versión de código abierto perfecta para sitios web individuales.

El plugin LiteSpeed Cache optimiza el contenido dinámico de las páginas web a nivel de servidor. Compatible con cualquier servidor web, incluyendo Nginx y Apache, ofrece funcionalidades avanzadas de caché y optimización.

Instalación del plugin LiteSpeed Cache

  1. Inicia sesión en el panel de administración de WordPress.
  2. Ve a la sección de Plugins, busca LiteSpeed Cache, haz clic en Instalar Ahora y luego en Activar.
  3. Refresca la página y verás la sección de LiteSpeed Cache en tu panel de control.

Configuración de LiteSpeed Cache

Configuración básica

Antes de adentrarse en las configuraciones, compara los resultados de rendimiento antes y después de activar LiteSpeed Cache para observar las mejoras.

  • Actualización automática: OFF – Es más seguro actualizar los plugins manualmente.
  • Clave de dominio: Solicita y añade una clave de dominio para usar las funciones de QUIC.cloud.
  • Modo de invitado: ON para tiempos de carga más rápidos para los visitantes por primera vez.
  • Optimización de invitado: ON si el Modo de invitado está activado para una optimización agresiva.
  • IP del servidor: Añade la dirección IP de tu servidor.
  • Notificaciones: OFF – A menos que desees recibir noticias y lanzamientos de LiteSpeed.
Configuraciones de caché de LiteSpeed
  • Habilitar caché: ON – Activa el caché para mejorar el rendimiento del sitio.
  • Caché para usuarios conectados: OFF – A menos que administres un sitio de membresía.
  • Caché para comentaristas: OFF – Depende de la moderación de comentarios.
  • Caché REST API: ON – Necesario para muchos temas y plugins.
  • Caché de la página de inicio de sesión: ON – Para un acceso más rápido.
  • Caché favicon.ico: ON – Evita llamadas PHP innecesarias.
  • Caché de recursos PHP: ON – Mejora el rendimiento al cachar archivos PHP estáticos.
  • Caché móvil: ON – Habilita contenido de caché diferente para dispositivos móviles.
Configuraciones adicionales de caché
  • TTL: Las configuraciones predeterminadas suelen ser adecuadas, pero ajústalas según la frecuencia de actualización del contenido.
  • Purgar: ON – Habilita la purga automática de cachés obsoletos durante las actualizaciones.
  • Exclusiones: Especifica qué tipos de contenido excluir del caché.
  • ESI (Edge Side Includes): OFF – Separa partes de una página para el caché pero es complejo.
  • Caché de objetos: Habilita si tu host soporta Redis o Memcached para un mejor rendimiento de la base de datos.
  • Caché del navegador: ON – Almacena contenido dinámico en el navegador del usuario para una carga más rápida.
Optimización de página

Configuraciones CSS:

  • Minificación de CSS: ON – Elimina caracteres innecesarios del CSS.
  • Combinación de CSS: OFF – Combinar archivos CSS puede consumir recursos.
  • Generar UCSS: OFF – Genera CSS no utilizado, solo si la combinación de CSS está activada.
  • Cargar CSS de forma asincrónica: Prueba – Puede mejorar la velocidad pero causar desplazamientos en el diseño.
  • Optimización de visualización de fuentes: Predeterminado – Evita problemas de FOUC.

Configuraciones JS:

  • Minificación de JS: ON – Elimina caracteres innecesarios del JavaScript.
  • Combinación de JS: OFF – Combinar archivos JS puede consumir recursos.
  • Carga diferida de JS: Prueba – Diferir la carga de JS puede mejorar la velocidad pero puede romper funcionalidades.

Configuraciones HTML:

  • Minificación de HTML: ON – Elimina caracteres innecesarios del HTML.
  • Prefetch de DNS: ON – Reduce el tiempo de carga de la página al prefetch de DNS.
  • Eliminar cadenas de consulta: OFF – Generalmente no afecta el rendimiento.
Optimización de imágenes
  • Auto Request Cron: ON – Optimiza automáticamente las imágenes recién subidas.
  • Auto Pull Cron: ON – Descarga imágenes optimizadas automáticamente.
  • Optimizar imágenes originales: ON – Optimiza imágenes .png y .jpg.
  • Eliminar copias de seguridad originales: OFF – Mantiene copias de seguridad para revertir la optimización si es necesario.
  • Optimización sin pérdidas: ON – Usa compresión sin pérdidas para las imágenes.
  • Crear versiones WebP: ON – Crea versiones .webp para una mejor compresión.
  • Reemplazo de imágenes WebP: ON – Reemplaza .jpg y .png con .webp donde se soporta.

Configuración de QUIC.cloud CDN | Cloudflare

Pasos para configurar QUIC.cloud:
  1. Solicitar clave de dominio: En la configuración de LiteSpeed Cache, solicita una clave de dominio y añade tu IP de servidor.
  2. Habilitar QUIC.cloud CDN: Navega a CDN > Configuración de QUIC.cloud CDN > Iniciar configuración.
  3. Configurar DNS: En tu registrador de dominio, cambia los servidores de nombres a los de QUIC.
  4. Plan estándar: Usa el plan estándar para obtener todas las funciones y un mejor rendimiento.
Configuración de Cloudflare:
  1. Cambiar DNS: Añade tu sitio web a Cloudflare y actualiza los servidores de nombres.
  2. Instalar Super Page Cache para el plugin de Cloudflare: Configúralo para el caché de páginas.
  3. Configurar el panel de Cloudflare: Ajusta SSL/TLS, Usar siempre HTTPS y otras configuraciones recomendadas.

Configuraciones adicionales y características de LiteSpeed Cache

Optimización de base de datos:

  • Número máximo de revisiones: Limita las revisiones de publicaciones para reducir la sobrecarga.
  • Optimizar tablas: Optimiza regularmente las tablas de la base de datos.

Crawler:

  • Habilitar Crawler: Solo si gestionas tu servidor.
  • Configurar Crawler: Configura en la configuración general y envía tu mapa del sitio.

Herramientas:

  • Purgar: Limpia tipos de caché específicos.
  • Importar/Exportar: Realiza copias de seguridad y restaura configuraciones.
  • Control de Heartbeat: Gestiona WordPress Heartbeat para reducir la carga del servidor.

Preguntas frecuentes sobre el uso de LiteSpeed Cache con WordPress:

  1. ¿Cómo sé si LiteSpeed Cache está funcionando correctamente en mi sitio?
    • Verificar cabeceras: Usa herramientas como Uptrends o las herramientas de desarrollador de tu navegador para inspeccionar las cabeceras HTTP de tu sitio web. Busca la cabecera x-litespeed-cache: hit.
    • Pruebas de rendimiento: Usa herramientas como GTmetrix, PageSpeed Insights o WebPageTest para analizar el rendimiento de tu sitio antes y después de habilitar LiteSpeed Cache.
    • Estado del caché: Visita el panel del plugin LiteSpeed Cache en tu área de administración de WordPress para ver el estado del caché, incluyendo las proporciones de hit y miss.
  2. ¿Debo usar QUIC.cloud o Cloudflare para mi CDN?
    • QUIC.cloud: Este CDN está específicamente optimizado para LiteSpeed Cache y se integra perfectamente con los servidores LiteSpeed. Ofrece caché de contenido dinámico y características adicionales de optimización.
    • Cloudflare: Cloudflare ofrece planes gratuitos robustos y es conocido por su amplia gama de características de seguridad, incluyendo protección DDoS y una gran red de PoPs.
  3. ¿Qué debo hacer si el rendimiento de mi sitio sigue siendo pobre después de configurar LiteSpeed Cache?
    • Verificar configuraciones: Asegúrate de que todas las configuraciones de LiteSpeed Cache estén correctamente configuradas según la guía.
    • Plugins adicionales: Usa plugins de optimización adicionales como Perfmatters para gestionar bloat, precargar recursos críticos y desactivar scripts innecesarios en páginas específicas.
    • Recursos de hosting: Verifica que tu plan de hosting proporcione recursos adecuados (CPU, RAM, etc.).
  4. ¿Puedo usar QUIC.cloud y Cloudflare juntos en mi sitio?
    • Elegir uno por simplicidad: Es recomendable seleccionar un CDN para evitar posibles conflictos y simplificar la configuración.
    • Configuración: Si decides usar ambos, asegúrate de que las configuraciones no se superpongan ni entren en conflicto.
  5. ¿Cómo optimizo imágenes para un mejor rendimiento con LiteSpeed Cache?
    • Habilitar optimización de imágenes: En la configuración de LiteSpeed Cache, navega a la configuración de Optimización de Imágenes y habilita funciones como Auto Request Cron y Auto Pull Cron.
    • Conversión a WebP: Activa las opciones Crear Versiones WebP y Reemplazo de Imágenes WebP para servir imágenes más ligeras.
    • Carga diferida de imágenes: Habilita la Carga diferida de imágenes para mejorar los tiempos de carga iniciales.

Configurar correctamente LiteSpeed Cache puede mejorar drásticamente el rendimiento de tu sitio y los Core Web Vitals. Para una experiencia aún mejor, considera los servicios de hosting optimizados para velocidad y fiabilidad.

Suscríbete a la newsletter





Últimos artículos

Scroll al inicio