LiteSpeed Cache
Detalles de la instalación y configuración
SEO Técnico
Tu sitio está en un nivel de rendimiento técnico de primera categoría. Has cerrado un capítulo fundamental del SEO. Ahora, la misión es construir sobre esa base. Concéntrate en crear contenido de calidad y valioso para tu audiencia, porque tu sitio ya es lo suficientemente rápido para llevarte a la cima de los resultados de búsqueda.
Reporte de Optimización: Página «Terapia Online»
Se realizó un diagnóstico específico en la página «Terapia Online» para solucionar un problema de rendimiento. Tras una serie de pruebas, se identificó que la función Servicio de Imágenes del Viewport (VPI), que detecta imágenes visibles sin scroll, generaba un conflicto y afectaba negativamente la velocidad de carga.
Al desactivar la opción VPI para esta página, se logró una mejora radical en el rendimiento. Los tiempos de carga se redujeron de manera drástica a 695 ms, y el puntaje de PageSpeed Insights en móvil subió a 75. La calificación de Pingdom también mejoró a B (83).
Esta optimización puntual transformó la página de «Terapia Online» en un activo técnico de alto rendimiento, optimizado para la experiencia del usuario y el SEO.
Reporte de Optimización Web: Proyecto SEO TECNICO
1. Estado Inicial (Antes de Optimizar)
-
PageSpeed Insights (Móvil): Puntajes bajos y erráticos (50-67).
-
Pingdom: Tiempos de carga catastróficos y muy inconsistentes (picos de 15 a 50 segundos).
-
Problema principal: La velocidad de carga era un obstáculo crítico para la experiencia de usuario y el SEO.
2. Estrategia y Hallazgos Clave
-
Herramienta: LiteSpeed Cache v7.2.
-
Hallazgo #1 (Combinar CSS/JS): La combinación de archivos CSS y JavaScript generó conflictos graves, provocando fallas y tiempos de carga inaceptables (más de 20 segundos). Se determinó que esta opción es incompatible con el sitio.
-
Hallazgo #2 (Carga JS Diferida/Retrasada): Activar la carga diferida de JavaScript también causó una caída drástica en los puntajes de PageSpeed y generó inestabilidad. Se determinó que esta opción es incompatible con el sitio.
-
Hallazgo #3 (Carga Diferida de Imágenes): La activación de la carga diferida de imágenes (Lazy Load) fue la optimización más exitosa y segura.
3. Configuración Óptima (Resultado Final)
-
Configuración clave: LiteSpeed Cache con Carga Diferida de Imágenes activada. Todas las opciones de «Combinar» y «Diferir» para CSS/JS permanecen desactivadas.
-
Pingdom: Tiempos de carga estables y ultra-rápidos, consistentemente por debajo de 1 segundo (≈700 ms).
-
Requests: Se mantuvieron en 45 (sin combinar archivos).
-
PageSpeed I
-
nsights: Puntajes estables en el rango 61-64.
4. Conclusión
Se logró una transformación espectacular en la velocidad de carga. El sitio pasó de ser inestable y extremadamente lento a cargar de manera fiable en menos de 1 segundo. Esta velocidad es una ventaja competitiva crucial para el SEO y la experiencia del usuario.
Misión cumplida en la optimización de la velocidad de carga. Ahora el enfoque se dirige a la creación de contenido de alta calidad y la limpieza del entorno del sitio.
(26/06/2025) Punto de partida: Estas son las mediciones obtenidas con la última configuración de LiteSpeed Cache
PageSpeed Insights: 74, 74, 74, 74 (en moviles) y 81, 81, 81, 81 (en escritorio)
Pingdom:
Minificar CSS y Minimiza archivos CSS y código CSS integrado
SEGUNDA MEDICIÖnPageSpeed Insights: 57, 57, 57, 63
Pingdom:
Performance grade B 83 Page size 1.4 MB Load time 5.01 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 7.94 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 5.78 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 20.36 s Requests 41
TERCERA MEDICIÖn
PageSpeed Insights: 60, 60, 66, 66.
Pingdom:
Performance grade C 80 Page size 1.3 MB Load time 724 ms Requests 45
Performance grade C 80 Page size 1.3 MB Load time 2.09 s Requests 45
Performance grade C 80 Page size 1.3 MB Load time 2.28 s Requests 45
Performance grade C 80 Page size 1.3 MB Load time 2.63 s Requests 45
(25/06/2025): próximos pasos
Resumen del plan de acción
Minificar CSS y JS.
Resultado: La modificación no alteró el rendimiento así que se queda y voy con la siguiente.
Probar combinar CSS/JS, pero con cuidado y revirtiendo si causa problemas.
Resultado: Funcionó mejoró el rendimiento
pagespeed: 70, 70, 70, 68, 68.
Pingdom
Performance grade B 83 Page size 1.4 MB Load time 2.16 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.23 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.45 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.46 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.44 s Requests 41
Revertí el minificar css y js, para evaluar si hay cambios, esta fue la medición:
Pagespeed: 67, 67, 67, 67, 67, 69
Pingdom:
Performance grade B 83 Page size 1.4 MB Load time 2.64 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.98 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.22 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.21 s Requests 41
Performance grade B 83 Page size 1.4 MB Load time 2.84 s Requests 41
Optimizar imágenes a través de QUIC.cloud.
Generar CSS Crítico.
Cargar JS de forma diferida.
Recuerda medir con PageSpeed Insights después de activar CADA OPCIÓN y purgar la caché. Si una opción empeora los resultados o rompe el sitio, desactívala inmediatamente.
¡Comencemos con el primer paso: Minificar CSS! Por favor, activa esa opción, purga la caché y comparte los resultados de la medición.
En detalle:
Optimización de Código (CSS y JS)
Las puntuaciones bajas de PageSpeed Insights a menudo se deben a archivos CSS y JavaScript que «bloquean la visualización» o que se cargan de forma ineficiente.
Minificar CSS:
Ve a LiteSpeed Cache > Optimización de página > Ajustes de CSS.
Activa la opción «Minificar CSS» (CSS Minify).
Guarda los cambios y purga la caché (Purge All).
Mide de nuevo: Comprueba si PageSpeed Insights mejora. Si no hay cambios o empeora, déjalo activado y pasa al siguiente paso.
Combinar CSS:
Advertencia: Esta es la opción más probable que causa conflictos.
Activa «Combinar CSS» (CSS Combine).
Guarda los cambios y purga la caché.
Mide de nuevo: ¡Crucial! Si el rendimiento de Pingdom vuelve a empeorar (aumento de tamaño y solicitudes) o el diseño de la página se rompe, desactiva esta opción inmediatamente. Si funciona bien, déjala activada y continúa.
Minificar JS:
Ve a LiteSpeed Cache > Optimización de página > Ajustes de JS.
Activa «Minificar JS» (JS Minify).
Guarda y purga.
Mide de nuevo: Debería mejorar un poco la puntuación.
Combinar JS:
Advertencia: Similar a la combinación de CSS, puede causar problemas.
Activa «Combinar JS» (JS Combine).
Guarda y purga.
Mide de nuevo: Si el sitio deja de funcionar o el rendimiento empeora, desactívala inmediatamente.
Paso 3: Optimización de Imágenes
Las imágenes son una de las principales causas de los tiempos de carga lentos.
Optimización de Imágenes de LSCache (QUIC.cloud):
Ve a LiteSpeed Cache > Optimización de Imágenes.
Haz clic en el botón para «Recopilar datos de imágenes» y luego «Enviar solicitud de optimización».
Una vez que las imágenes se optimicen (lo verás en el panel), LiteSpeed Cache puede servirlas en formatos modernos como WebP automáticamente.
Asegúrate de que en LiteSpeed Cache > Optimización de página > Ajustes de Medios, la opción «Servir WebP» (Serve WebP) esté activada.
Mide de nuevo: Esto debería tener un impacto muy positivo en el tamaño de la página y la puntuación de PageSpeed Insights.
Paso 4: Optimización Avanzada y «Eliminar recursos que bloquean el renderizado»
PageSpeed Insights a menudo te indicará «Eliminar recursos que bloquean la visualización». Para abordar esto:
Generar CSS Crítico (Critical CSS):
Ve a LiteSpeed Cache > Optimización de página > Ajustes de CSS.
Activa «Generar CSS Crítico» (Generate Critical CSS).
Ve a LiteSpeed Cache > Panel de Control y espera a que el servicio de QUIC.cloud genere el CSS crítico.
Guarda y purga.
Mide de nuevo: Esta es una de las funciones más potentes para PageSpeed, pero depende de QUIC.cloud. Si funciona bien, verás un gran salto en la puntuación.
Cargar JS diferido (JS Defer):
Ve a LiteSpeed Cache > Optimización de página > Ajustes de JS.
Activa la opción «JS Carga Diferida» (JS Defer).
Guarda y purga.
Mide de nuevo: Esta opción permite que el contenido de la página se cargue antes que el JavaScript, lo cual es excelente para la experiencia del usuario y la puntuación de PageSpeed.
(25/06/2025) Nueva medición después de unas 72 horas en espera de una propagación de los DNS de QUIC.cloud.
PageSpeed Insights: 60, 60, 60, 60.
PINGDOM:
Performance grade B 81 Page size 2.1 MB Load time 3.13 s Requests 78
Performance grade B 81 Page size 2.1 MB Load time 4.86 s Requests 78
Performance grade B 81 Page size 2.1 MB Load time 8.12 s Requests 78
Performance grade B 81 Page size 2.1 MB Load time 4.00 s Requests 78
Performance grade B 81 Page size 2.1 MB Load time 8.66 s Requests 78
Performance grade B 81 Page size 2.1 MB Load time 3.16 s Requests 78
Medición post revertir configuración de páginas:
PageSpeed Insights: 66, 66, 66, 65
PINGDOM:
Performance grade C 80 Page size 1.3 MB Load time 2.39 s Requests 45
Performance grade C 80 Page size 1.3 MB Load time 565 ms Requests 45
Performance grade C 80 Page size 1.3 MB Load time 2.69 s Requests 45
-
-
¡Has recuperado el control! El tamaño de la página y el número de solicitudes han vuelto a los valores originales. Esto es una señal muy fuerte de que la optimización de página estaba generando o sirviendo archivos de manera ineficiente. El tiempo de carga promedio ha vuelto a ser rápido y consistente, cargando en menos de 3 segundos en la mayoría de las pruebas.
-
Conclusión General
Has tomado la decisión correcta al revertir la configuración. Los datos demuestran que las optimizaciones en la pestaña de «Optimización de Página» del plugin LiteSpeed Cache estaban causando más daño que beneficio. Es muy probable que una de las opciones que activaste (como la combinación de CSS o JS) estuviera en conflicto con tu tema o con otro plugin, lo que provocaba una carga de archivos duplicada o ineficiente.
El rendimiento de tu sitio ha vuelto a su estado óptimo:
(23/06/2025) Instalar pluying LiteSpeed Cache y configurar: Configurar la caché de objetos con Redis a través del plugin LiteSpeed Cache: La extensión Redis está habilitada en mi selección de versión de PHP en cPanel, la opción «Caché de objetos» en el plugin LiteSpeed Cache se desactiva automáticamente cada vez que intento activarla y guardar los cambios. Esto sugiere que hay un problema de conectividad o disponibilidad con el servicio Redis en el servidor.
Medición pre:
PageSpeed Insights: 50, 59, 59, 67 (para moviles)
Performance grade
Medición post:
Conclusión General
PageSpeed Insights: 67, 67, 69, 69 (para moviles)
Performance grade C 80, Page size 1.3 MB, Load time 2.14 s, Requests 45
Performance grade C 80, Page size 1.3 MB, Load time 2.13 s, Requests 45
La instalación y configuración de LiteSpeed Cache ha tenido un impacto muy positivo y significativo en el rendimiento de tu web. Mejoras Claras: en el tiempo de carga y una mayor consistencia, lo cual es fundamental para la experiencia del usuario y el SEO. Las puntuaciones de PageSpeed Insights también han mejorado notablemente.
¿Qué sigue?
Monitoreo del Outlier en Pingdom: Estate atento si ese tiempo de carga de 41.93 s (o cualquier otro tiempo de carga excesivamente alto) se repite. Si ves que ocurre con cierta frecuencia, podría ser una señal de:
- Que la caché no se está sirviendo correctamente en todas las ocasiones (quizás algunos tipos de URLs no están siendo cacheadas).
- Un problema intermitente con el servidor de tu hosting.
- Condiciones de red extremas en el momento de la prueba.
Continúa optimizando PageSpeed Insights: Aunque tus puntuaciones han mejorado, estar en los «60s» significa que todavía hay oportunidades.
Optimización de Imágenes: Aunque LiteSpeed Cache puede servir WebP, si las imágenes originales son muy grandes, sigue habiendo un impacto. Considera herramientas de compresión de imágenes adicionales (como el módulo de optimización de imágenes de LSCache que utiliza QUIC.cloud) o reducir las dimensiones de las imágenes antes de subirlas.
Eliminar recursos que bloquean el renderizado: PageSpeed Insights a menudo te dirá «Eliminar recursos que bloquean la visualización». Asegúrate de que el CSS crítico se está generando correctamente.
Retrasar la carga de JavaScript no esencial: Esto también lo gestiona LSCache con «Cargar JS Diferido», pero a veces hay scripts específicos que necesitan atención manual.
Mantén el plugin y WordPress actualizados: Siempre que haya actualizaciones de LiteSpeed Cache o de WordPress, realízalas (y recuerda que el plugin purgará la caché automáticamente al actualizar si lo configuramos así).
¡Has dado un gran paso para mejorar la velocidad de tu sitio! Sigue monitoreando y afinando, y verás aún mejores resultados.
Realicé la Optimización de página de LiteSpeed Cache, ahora toca medir
PageSpeed Insights: 70, 69, 69, 65 (moviles)
PINGDOM:
Performance grade B 81, Page size 2.1 MB, Load time 6.18 s, Requests 78
Performance grade B 81, Page size 2.1 MB, Load time 838 ms, Requests 78
Performance grade B 81, Page size 2.1 MB, Load time 11.54 s, Requests 78
Performance grade B 81, Page size 2.1 MB, Load time 4.79 s, Requests 78
Performance grade B 81, Page size 2.1 MB, Load time 876 ms, Requests 78
Análisis de los resultados después de todas las configuraciones en la pestaña «Optimización de Página».
Análisis de Resultados: Antes vs. Después de Optimización de Página
1. PageSpeed Insights (Móviles):
Medición Pre (después de caché): 67, 67, 69, 69
Medición Post (después de optimización de página): 70, 69, 69, 65
Cambio: Vemos una ligera fluctuación. La puntuación máxima subió un poco (de 69 a 70), pero también apareció un valor más bajo (65) que no tenías antes. En general, las puntuaciones se mantienen en un rango similar (mediados a finales de los 60s).
Interpretación: La optimización de página no ha dado un salto dramático en PageSpeed Insights en este punto. Esto podría deberse a que algunas optimizaciones (como UCSS, WebP) dependen de QUIC.cloud y su estado (si está completamente activo o no con el cambio de DNS).
2. PINGDOM:
Aquí hay cambios significativos y algunos aspectos a analizar con cuidado.
Performance Grade:
Medición Pre: C 80
Medición Post: B 81
Mejora: ¡Has subido de Grado C a Grado B! Esto es muy positivo e indica que Pingdom reconoce mejoras estructurales en la optimización de tu sitio.
Page Size (Tamaño de Página):
Medición Pre: 1.3 MB – 1.4 MB
Medición Post: 2.1 MB
¡Preocupante aumento! Este es un punto crítico. El tamaño de tu página ha aumentado significativamente de 1.3-1.4 MB a 2.1 MB. Esto va en contra de la optimización y es la razón principal de los tiempos de carga más altos que veremos a continuación.
Requests (Número de Solicitudes):
Medición Pre: 45 – 47
Medición Post: 78
¡Preocupante aumento! Al igual que el tamaño de la página, el número de solicitudes se ha disparado de ~45 a 78. Esto también contribuye a tiempos de carga más lentos.
Load Time (Tiempo de Carga):
Medición Pre (Mayormente entre): 732 ms a 2.76 s (con un outlier de 41.93s)
Medición Post (Mayormente entre): 838 ms a 11.54 s (con un outlier de 6.18s repetido)
Regresión general: Aunque tienes valores rápidos (838ms, 876ms), el rango general se ha vuelto más alto y menos consistente que la ronda anterior. Antes tu «normal» estaba en el rango de 1-3 segundos, y ahora tienes varios resultados de 4-6 segundos e incluso uno de 11.54 segundos. El outlier extremo de 41.93s del pre ya no está, lo cual es bueno, pero el promedio ha empeorado.
Conclusión General y Problemas Identificados
¡Tenemos un problema importante aquí!
Mientras que el grado de Pingdom ha mejorado ligeramente, el aumento drástico en el tamaño de la página y el número de solicitudes es una señal clara de que algo en la configuración de «Optimización de Página» ha tenido un efecto negativo inesperado.
Posibles causas del aumento en tamaño/solicitudes y tiempo de carga:
QUIC.cloud aún no está completamente activo o propagado: Si los cambios de DNS no se han propagado por completo, o si QUIC.cloud no está sirviendo el contenido, las optimizaciones como UCSS o WebP no estarán funcionando, y esto podría incluso desactivar la caché en algunos casos o generar un overhead.
Conflicto de optimizaciones: Algunas de las opciones activadas pueden estar entrando en conflicto entre sí o con tu tema/plugins, provocando que se carguen más archivos o que no se sirvan correctamente.
Generación de UCSS/LQIP: Si estas funciones están activas pero no se están generando o sirviendo correctamente, podrían estar añadiendo al peso de la página.
Estado de QUIC.cloud y sus servicios.
Confirma que los Nameservers de QUIC.cloud se hayan propagado correctamente. Puedes usar una herramienta como https://www.whatsmydns.net/ (introduce miltongaldames.cl y selecciona «NS») para ver si la mayoría de los servidores en el mundo ya apuntan a QUIC.cloud.
Verifica el estado de QUIC.cloud en tu panel de LiteSpeed Cache:
Ve a LiteSpeed Cache > Panel de Control.
Mira la sección «Estado de QUIC.cloud» o «Estadísticas de uso del servicio QUIC.cloud». ¿Muestra que los servicios están activos y hay consumo de créditos (aunque sea poco)? ¿O sigue diciendo que hay que configurar el dominio?