Resumen

Desempeno

Puntuación: 55/100

Rendimiento limitado; optimización necesaria.

Entre las cuestiones detectadas:

• El tiempo de respuesta del servidor es lento (TTFB).
• Los guiones no se minifican, aumentando el tamaño de la carga útil.
• La compresión de texto (gzip, brotli) no está activada.
• Las imágenes no están comprimidas/optimizadas, lo que afecta a los tiempos de carga.
• No se ha detectado JavaScript.
• Algunas reglas CSS no están utilizadas.
• Las hojas de estilos no están minadas, impactando el tiempo de carga.
• Hay recursos que bloquean el renderizado inicial; en línea o aplazarlos.

Accesibilidad

Puntuación: 92/100

Excelente resultado en esta categoría.

Practicas optimas

Puntuación: 96/100

Excelente resultado en esta categoría.

Entre las cuestiones detectadas:

• Posibles vulnerabilidades en bibliotecas JS de terceros.
• Faltan los encabezados adecuados de CSP contra XSS.

SEO

Puntuación: 85/100

Buen desempeño general; pequeños ajustes posibles.

Analisis tecnico

Oportunidades

El tiempo de respuesta inicial del servidor fue corto

• Descripción: Mantenga el tiempo de respuesta del servidor para el documento principal porque todas las demás peticiones dependen de él. Más información sobre la métrica Time to First Byte.
• Ahorros potenciales: 35 ms

Minify JavaScript

• Descripción: Minifying JavaScript files can reduce payload sizes and script parse time. Aprenda a minify JavaScript.
• Ahorros potenciales: Ahorros potenciales de 20 KiB

Activar la compresión de texto

• Descripción: Los recursos basados en texto deben ser servidos con compresión (gzip, deflate o brotli) para minimizar los bytes de red totales. Aprenda más sobre la compresión de texto.

Codifique las imágenes de manera eficiente

• Descripción: Las imágenes optimizadas se cargan más rápido y consumen menos datos celulares. [Aprenda a codificar las imágenes de manera eficiente] (https://developer.chrome.com/docs/lighthouse/performance/uses-optimized-images/).
• Posibles ahorros: Ahorros potenciales de 23 KiB

Reducir el JavaScript no utilizado

• Descripción: Reduce JavaScript no utilizado y pospone los scripts de carga hasta que sean necesarios para disminuir los bytes consumidos por la actividad de la red. Aprende a reducir JavaScript no utilizado.
• Ahorros potenciales: Ahorros potenciales de 322 KiB

Tamaño adecuado de las imágenes

• Descripción: Servir imágenes que son de tamaño adecuado para ahorrar datos celulares y mejorar el tiempo de carga. [Aprenda a medir imágenes] (https://developer.chrome.com/docs/lighthouse/performance/uses-responsive-imagens/).
• Ahorros potenciales: 300 ms

Reducir la CSS no utilizada

• Descripción: Reduzca las reglas no utilizadas de las hojas de estilo y aplace CSS no utilizado para contenido de arriba-el-fold para disminuir los bytes consumidos por la actividad de red. Aprenda a reducir CSS no utilizado.
• Ahorros potenciales: 1920 ms

Eliminar los módulos duplicados en paquetes JavaScript

• Descripción: Retire los módulos JavaScript grandes y duplicados de los paquetes para reducir los bytes innecesarios consumidos por la actividad de la red.

Evite servir JavaScript legado a los navegadores modernos

• Descripción: Polyfills and transforms permiten que los navegadores antiguos usen nuevas funciones de JavaScript. Sin embargo, muchas no son necesarias para los navegadores modernos. Para su JavaScript incluido, adopte una estrategia de implementación de scripts moderna usando module/nomodule feature detection para reducir la cantidad de código enviado a los navegadores modernos, al tiempo que retiene el soporte para los navegadores heredados.
• Ahorros potenciales: Ahorro potencial de 28 KiB

Usar formatos de vídeo para el contenido animado

• Descripción: Los GIFs grandes son ineficientes para ofrecer contenido animado. Considere la posibilidad de usar vídeos MPEG4/WebM para animaciones y PNG/WebP para imágenes estáticas en lugar de GIF para ahorrar bytes de red. Aprenda más sobre formatos de vídeo eficientes

Preconectar a los orígenes requeridos

• Descripción: Considerar la posibilidad de agregar preconnect o dns-prefetch sugerencias de recursos para establecer conexiones tempranas a los orígenes importantes de terceros. Aprender a preconectar a los orígenes requeridos.

Minify CSS

• Descripción: Minifying CSS puede reducir los tamaños de carga útil de la red. Aprenda a minify CSS.
• Ahorros potenciales: 150 ms

Evitar múltiples redirecciones de páginas

• Descripción: Los redireccionamientos introducen retrasos adicionales antes de que se pueda cargar la página. Aprenda cómo evitar redireccionamientos de página.

Aplazar las imágenes fuera de pantalla

• Descripción: Considere la posibilidad de descargar imágenes offscreen y ocultas después de que todos los recursos críticos hayan terminado de cargar para reducir el tiempo al interactivo. [Aprenda a diferir las imágenes offscreen] (https://developer.chrome.com/docs/lighthouse/performance/offscreen-images/).
• Ahorros potenciales: 720 ms

Eliminar los recursos que bloquean la renderización

• Descripción: Los recursos están bloqueando la primera pintura de su página. Considere la posibilidad de entregar JS/CSS en línea crítica y aplazar todos los estilos/ JS no críticos. [Aprenda a eliminar los recursos de render-blocking] (https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources/).
• Ahorros potenciales: 3124 ms

Servir imágenes en formatos de última generación

• Descripción: Los formatos de imagen como WebP y AVIF a menudo proporcionan mejor compresión que PNG o JPEG, lo que significa descargas más rápidas y menos consumo de datos. Aprenda más sobre los formatos de imagen modernos.
• Ahorros potenciales: 300 ms

Diagnosticos

Bibliotecas de JavaScript detectadas

• Descripción: Todas las bibliotecas JavaScript de primera línea detectadas en la página. Más información sobre esta auditoría de diagnóstico de detección de bibliotecas JavaScript.

Mitigar el clicjacking con XFO o CSP

• Descripción: La cabecera X-Frame-Options (XFO) o la directiva frame-ancestors en el control de cabecera Content-Security-Policy (CSP) donde se puede insertar una página.Estos pueden mitigar los ataques con clics bloqueando algunos o todos los sitios para que no incorporen la página. [Más información sobre la mitigación de clicjacking](https://developer.com/docs/lighthouse/best-practices/clickjacking-

Marcas y medidas de tiempo del usuario

• Descripción: Considerar la posibilidad de implementar tu aplicación con la API de tiempo del usuario para medir el rendimiento real de tu aplicación durante experiencias de usuario clave. Más información sobre las marcas de tiempo del usuario.
• Valor de visualización: 12 tiempos de usuario

Garantizar un adecuado aislamiento del origen con COOP

• Descripción: La política de apertura cruzada (COOP) se puede utilizar para aislar la ventana de nivel superior de otros documentos, como las ventanas emergentes. Más información sobre la implementación del encabezado COOP.

Datos del mapa de árboles del guión

• Descripción: Utilizado para la aplicación treemap

Evitar encadenar peticiones críticas

• Descripción: Las Cadenas de Solicitud Crítica a continuación le muestran qué recursos están cargados con una alta prioridad. Considere la posibilidad de reducir la longitud de las cadenas, reducir el tamaño de descarga de los recursos, o aplazar la descarga de recursos innecesarios para mejorar la carga de páginas. [Aprenda cómo evitar encadenar peticiones críticas](https://developer.chrome.com/docs/lighthouse/performance/critic-request chains/).
• Valor de visualización: 26 cadenas encontradas

Métricas

• Descripción: Recoge todas las métricas disponibles.
• Valor numérico: 9114

Resumen de los recursos

• Descripción: Agrega todas las solicitudes de red y las agrupa por tipo

Captura de pantalla final

• Descripción: La última captura de pantalla capturada del pageload.

Tareas

• Descripción: Lista las tareas principales de nivel superior que se ejecutaron durante la carga de página.

Evitar las tareas largas del hilo principal

• Descripción: Enumera las tareas más largas del hilo principal, útiles para identificar los peores contribuyentes a la retardación de entrada. Aprender cómo evitar las tareas largas de la retaguardia principal
• Valor de visualización: 10 tareas largas encontradas

Usar una política fuerte de HSTS

• Descripción: Implementación de la cabecera HSTS reduce significativamente el riesgo de rebajar las conexiones HTTP y los ataques a escondidas. Se recomienda un despliegue por etapas, comenzando con una baja máx. de edad. Aprenda más sobre el uso de una fuerte política HSTS.

Network Round Trip Times

• Descripción: Los tiempos de ida y vuelta de red (RTT) tienen un gran impacto en el rendimiento. Si el RTT a un origen es alto, es una indicación de que los servidores más cercanos al usuario podrían mejorar el rendimiento. Aprenda más sobre el tiempo de ida y vuelta.
• Valor de visualización: 10 ms
• Valor numérico: 6,4071

Latencias de backend del servidor

• Descripción: Las latencias del servidor pueden afectar el rendimiento de la web. Si la latencia del servidor de un origen es alta, es una indicación de que el servidor está sobrecargado o tiene un rendimiento de backend deficiente. Más información sobre el tiempo de respuesta del servidor.
• Valor de visualización: 30 ms
• Valor numérico: 33

Captura de pantalla en miniatura

• Descripción: Así es como se veía la carga de su sitio.

Diagnósticos

• Descripción: Colección de signos vitales útiles de la página.

Minimizar el uso por terceros

• Descripción: Código de terceros puede afectar significativamente el rendimiento de la carga. Limite el número de proveedores redundantes de terceros e intente cargar código de terceros después de que su página haya terminado de cargar. [Aprenda a minimizar el impacto de terceros] (https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/).
• Valor de visualización: Código de terceros bloqueó el hilo principal de 220 ms

Solicitudes de redes

• Descripción: Lista las solicitudes de red que se hicieron durante la carga de página.

Asegúrese de que CSP es eficaz contra los ataques XSS

• Descripción: Una fuerte política de seguridad de contenido (CSP) reduce significativamente el riesgo de ataques de scripting cross-site (XSS). [Aprenda a usar un CSP para prevenir XSS] (https://developer.chrome.com/docs/lighthouse/best-practices/csp-xss/)

Informe emitido el 24/4/2025, 06:23:28