Métricas
First Contentful Paint
4,0 s
El primer renderizado con contenido indica el momento en el que se renderiza el primer texto o la primera imagen. Más información
Speed Index
4,4 s
El índice de velocidad indica la rapidez con la que se puede ver el contenido de una página. Más información
Largest Contentful Paint
4,9 s
La métrica Largest Contentful Paint indica el tiempo que se tarda en dibujar el texto o la imagen de mayor tamaño. Más información
Time to Interactive
4,9 s
El tiempo hasta que está interactiva es el tiempo que tarda una página en ser totalmente interactiva. Más información
Total Blocking Time
120 ms
Suma de los periodos, en milisegundos, entre FCP y Time to Interactive cuando la duración de la tarea excede los 50 ms. Más información
Cumulative Layout Shift
0.42
Los cambios de diseño acumulados miden el movimiento de los elementos visibles dentro de la ventana gráfica. Más información.
Los valores son estimaciones y pueden variar. La puntuación del rendimiento se calcula directamente a partir de estas métricas.Ver calculadora.
LímitesLos límites de rendimiento definen los estándares de rendimiento de tu sitio web.
Tipo de recurso | Solicitudes | Tamaño de la transferencia | Por encima del límite | |
---|---|---|---|---|
Secuencia de comandos | 4 | 101,2 KiB | 2 solicitudes | 71,2 KiB |
Total | 16 | 156,8 KiB | 6 solicitudes | 56,8 KiB |
Otros | 1 | 12,3 KiB | 7,3 KiB | |
Recursos externos | 1 | 29,5 KiB | 4,5 KiB | |
Hoja de estilo | 7 | 5,2 KiB | 5 solicitudes | 0,2 KiB |
Imagen | 1 | 24,2 KiB | ||
Contenido multimedia | 0 | 0 KiB | ||
Fuente | 0 | 0 KiB | ||
Documento | 3 | 13,8 KiB | 2 solicitudes |
Métrica | Medición | Por encima del límite |
---|---|---|
Primer tiempo inactivo de la CPU | 4930 ms | 2030 ms |
Time to Interactive | 4930 ms | 2030 ms |
Primer renderizado significativo | 3970 ms | 1970 ms |
First Contentful Paint | 3970 ms | 970 ms |
Latencia potencial máxima de la primera interacción | 120 ms | 20 ms |
OportunidadesEstas sugerencias pueden ayudar a que tu página cargue más rápido. No afectan directamente a la puntuación del rendimiento
Oportunidad
Ahorro estimado
Usa HTTP/2
1,55 s
Usa HTTP/2
1,55 s
HTTP/2 ofrece muchas ventajas con respecto a HTTP/1.1, como encabezados binarios, multiplexación y servidor push. Más información
URL | Protocolo |
---|---|
/dobetterweb/dbw_tester.html (localhost) | http/1.1 |
http/1.1 | |
/dobetterweb/dbw_tester.css?delay=100 (localhost) | http/1.1 |
/dobetterweb/unknown404.css?delay=200 (localhost) | http/1.1 |
/dobetterweb/dbw_tester.css?delay=2200 (localhost) | http/1.1 |
http/1.1 | |
/dobetterweb/dbw_partial_a.html?delay=200 (localhost) | http/1.1 |
http/1.1 | |
http/1.1 | |
/dobetterweb/dbw_tester.js (localhost) | http/1.1 |
/dobetterweb/empty_module.js?delay=500 (localhost) | http/1.1 |
/dobetterweb/lighthouse-480x318.jpg (localhost) | http/1.1 |
/zone.js (localhost) | http/1.1 |
http/1.1 | |
/favicon.ico (localhost) | http/1.1 |
Elimina los recursos que bloqueen el renderizado
1,13 s
Elimina los recursos que bloqueen el renderizado
1,13 s
Hay recursos que bloquean el primer renderizado de la página. Te recomendamos que muestres los elementos de JavaScript y CSS críticos insertados y pospongas todos los que no sean esenciales. Más información
Existen varios complementos de WordPress que pueden ayudarte a insertar recursos fundamentales o posponer recursos menos importantes. Ten en cuenta que las optimizaciones que ofrecen estos complementos pueden bloquear funciones de tu tema o tus complementos, así que seguramente tengas que hacer cambios en el código.
URL | Tamaño de la transferencia | Ahorro potencial |
---|---|---|
/dobetterweb/dbw_tester.css?delay=100 (localhost) | 0,8 KiB | 870 ms |
/dobetterweb/unknown404.css?delay=200 (localhost) | 0,1 KiB | 870 ms |
/dobetterweb/dbw_tester.css?delay=2200 (localhost) | 0,8 KiB | 870 ms |
/dobetterweb/dbw_partial_a.html?delay=200 (localhost) | 0,7 KiB | 870 ms |
/dobetterweb/dbw_tester.js (localhost) | 1,7 KiB | 720 ms |
Habilita la compresión de texto
0,3 s
Habilita la compresión de texto
0,3 s
Los recursos de texto se deberían publicar comprimidos (gzip, deflate o brotli) para minimizar el total de bytes de la red. Más información
Puedes habilitar la compresión de texto en la configuración de tu servidor web.
URL | Tamaño de la transferencia | Ahorro potencial |
---|---|---|
/zone.js (localhost) | 69,8 KiB | 54,9 KiB |
/dobetterweb/dbw_tester.html (localhost) | 12,2 KiB | 8,2 KiB |
Minifica los recursos JavaScript
0,15 s
Minifica los recursos JavaScript
0,15 s
Si minificas los archivos de JavaScript, se puede reducir el tamaño de la carga útil y el tiempo de análisis de la secuencia de comandos. Más información
Hay varios complementos de WordPress que pueden concatenar, minificar y comprimir tus secuencias de comandos para acelerar tu sitio web. Te recomendamos que, si es posible, uses un proceso de creación para realizar la minificación de forma anticipada.
URL | Tamaño de la transferencia | Ahorro potencial |
---|---|---|
/zone.js (localhost) | 70 KiB | 29,8 KiB |
DiagnósticosConsulta más información sobre el rendimiento de tu aplicación. Estos datos no afectan directamente a la puntuación del rendimiento.
No usa listeners pasivos para mejorar el desplazamiento
Se recomienda que los procesadores de eventos táctiles y de la rueda sean `passive` para mejorar el desplazamiento de tu página. Más información
URL | Ubicación |
---|---|
/dobetterweb/dbw_tester.js (localhost) | line: 26 |
/dobetterweb/dbw_tester.html (localhost) | line: 222 |
/dobetterweb/dbw_tester.html (localhost) | line: 248 |
Evitar document.write()
document.write()
Las secuencias de comandos externas inyectadas dinámicamente mediante `document.write()` pueden retrasar la carga de la página varias decenas de segundos en conexiones lentas. Más información
URL | Ubicación |
---|---|
/dobetterweb/dbw_tester.html (localhost) | line: 178 |
/dobetterweb/dbw_tester.html (localhost) | line: 179 |
/dobetterweb/dbw_tester.html (localhost) | line: 180 |
Los elementos de imagen no tienen width
y height
explícitos
width
y height
explícitos
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn more
URL | Elementos con errores | |
---|---|---|
/dobetterweb/lighthouse-480x318.jpg (localhost) |
Publica recursos estáticos con una política de caché eficaz
Se han encontrado 10 recursos
Una duración en caché más larga puede aumentar el número de visitas repetidas a tu página. Más información
Consulta más información sobre el almacenamiento en la memoria caché del navegador en WordPress.
URL | Tiempo de vida en caché | Tamaño de la transferencia |
---|---|---|
/zone.js (localhost) | None | 70 KiB |
/dobetterweb/lighthouse-480x318.jpg (localhost) | None | 24 KiB |
/dobetterweb/dbw_tester.js (localhost) | None | 2 KiB |
None | 1 KiB | |
/dobetterweb/dbw_tester.css?delay=100 (localhost) | None | 1 KiB |
None | 1 KiB | |
/dobetterweb/dbw_tester.css?delay=2200 (localhost) | None | 1 KiB |
None | 1 KiB | |
None | 1 KiB | |
/dobetterweb/empty_module.js?delay=500 (localhost) | None | 0 KiB |
Evita encadenar solicitudes críticas
Se han encontrado 12 cadenas
Las cadenas de solicitud crítica que se muestran a continuación indican qué recursos son de alta prioridad. Te recomendamos que reduzcas la longitud de las cadenas, disminuyas el tamaño de los recursos o pospongas la descarga de recursos innecesarios para mejorar la carga de la página. Más información
Latencia de ruta crítica máxima: 4800 ms
Navegación inicial
/dobetterweb/dbw_tester.html
(localhost)
/dobetterweb/dbw_tester.css?delay=100
- 570 ms, 0,8 KiB
(localhost)
/dobetterweb/unknown404.css?delay=200
- 580 ms, 0,14 KiB
(localhost)
/dobetterweb/dbw_tester.css?delay=2200
- 2210 ms, 0,8 KiB
(localhost)
- 580 ms, 1,08 KiB
/dobetterweb/dbw_partial_a.html?delay=200
- 590 ms, 0,72 KiB
(localhost)
- 1140 ms, 0,72 KiB
- 3570 ms, 0,8 KiB
/dobetterweb/dbw_tester.js
- 1150 ms, 1,66 KiB
(localhost)
/dobetterweb/empty_module.js?delay=500
- 590 ms, 0,14 KiB
(localhost)
/zone.js
- 1110 ms, 69,97 KiB
(localhost)
…2.1.1/jquery.min.js
- 920 ms, 29,47 KiB
(ajax.googleapis.com)
- 1040 ms, 0,8 KiB
Reduce el número de solicitudes y el tamaño de las transferencias
16 solicitudes • 157 KiB
Para definir la cantidad y el tamaño de los recursos de la página, añade un archivo budget.json. Más información
Tipo de recurso | Solicitudes | Tamaño de la transferencia |
---|---|---|
Total | 16 | 156,8 KiB |
Secuencia de comandos | 4 | 101,2 KiB |
Imagen | 1 | 24,2 KiB |
Documento | 3 | 13,8 KiB |
Otros | 1 | 12,3 KiB |
Hoja de estilo | 7 | 5,2 KiB |
Contenido multimedia | 0 | 0 KiB |
Fuente | 0 | 0 KiB |
Recursos externos | 1 | 29,5 KiB |
Renderizado del mayor elemento con contenido
1 elemento encontrado
Este es el mayor elemento con contenido renderizado en el viewport. Más información
Elemento |
---|
This domain is for use in illustrative examples in documents. You may use this … <p class="paragraph"> |
Evitar cambios de diseño importantes
4 elementos encontrados
Estos elementos DOM son los que más contribuyen al CLS de la página.
Elemento | Contribución al CLS |
---|---|
Debugging Node.js with Chrome DevTools <h5> | |
The canonical guide to using the Chrome DevTools UI for debugging Node.js. It d… <p> | |
hr <hr> | |
Aside from that, I’ve been busy working on Lighthouse, performance metrics, too… <p> |
Evita tareas largas del hilo principal
4 tareas largas encontradas
Enumera las tareas más largas del hilo principal, lo cual es útil para identificar las que más contribuyen a la latencia. Más información
URL | Hora de inicio | Duración |
---|---|---|
/dobetterweb/dbw_tester.js (localhost) | 2854 ms | 983 ms |
…2.1.1/jquery.min.js (ajax.googleapis.com) | 4809 ms | 127 ms |
Unattributable | 3840 ms | 124 ms |
/zone.js (localhost) | 3996 ms | 96 ms |
Evita las animaciones no compuestas
1 elemento animado encontrado
Las animaciones no compuestas pueden aparecer entrecortadas e incrementar el CLS. Más información
Elemento | Nombre |
---|---|
div <div id="animated-boi"> | |
Propiedad CSS no admitida: width | |
Propiedades CSS no admitidas: height, left | alpha |
Propiedad CSS no admitida: background-color | beta |
Auditorías aprobadas
(22)
Auditorías aprobadas
(22)
Usa un tamaño adecuado para las imágenes
Muestra imágenes con un tamaño adecuado para ahorrar datos móviles y mejorar el tiempo de carga. Más información
Sube imágenes directamente a la biblioteca multimedia para asegurarte de que estén disponibles los tamaños de imagen necesarios y, después, insértalas desde esa biblioteca multimedia o utiliza el widget de imagen para usar los tamaños de imagen óptimos (incluidos los tamaños de los puntos de interrupción adaptables). Evita usar imágenes `Full Size`, a no ser que las dimensiones sean las adecuadas para su uso. Más información
Pospón la carga de imágenes que no aparecen en pantalla
Te recomendamos que uses la carga diferida con imágenes ocultas y que no aparecen en pantalla una vez que todos los recursos críticos hayan terminado de cargarse para reducir el tiempo que pasa hasta que la página es interactiva. Más información
Instala un complemento de carga en diferido de WordPress con la capacidad de posponer imágenes que no aparecen en la pantalla, o cambia a un tema con esa función. También puedes usar el complemento AMP.
Minifica los archivos CSS
Si minificas los archivos CSS, se puede reducir el tamaño de la carga útil de la red. Más información
Hay varios complementos de WordPress que pueden concatenar, minificar y comprimir tus estilos para acelerar tu sitio web. Te recomendamos que, si es posible, uses un proceso de creación para realizar la minificación de forma anticipada.
Elimina archivos CSS sin usar
Elimina las reglas inactivas de las hojas de estilo y retrasa la carga de los archivos CSS que no se utilicen para el contenido de la mitad superior de la página. Así, se reducirán los bytes consumidos innecesariamente por la actividad de red. Más información
Puedes reducir o cambiar la cantidad de complementos de WordPress que cargan archivos CSS sin usar en tu página. Para identificar los complementos que añaden archivos CSS externos, ejecuta la cobertura de código en DevTools de Chrome. Puedes identificar el tema o complemento concreto en la URL de la hoja de estilo. Presta atención a los complementos con varias hojas de estilo en la lista y con muchos elementos en rojo en la cobertura de código. Un complemento solo debería poner en cola una hoja de estilo (si esta se usa en la página).
Quita los recursos JavaScript que no se usen
Quita el contenido JavaScript que no se use para reducir el número de bytes que consume la actividad de red. Más información
Puedes reducir o cambiar la cantidad de complementos de WordPress que cargan código de JavaScript sin usar en tu página. Para identificar los complementos que añaden código de JavaScript externo, ejecuta la cobertura de código en DevTools de Chrome. Puedes identificar el tema o complemento concreto en la URL de la secuencia de comandos. Presta atención a los complementos con varias secuencias de comandos en la lista y con muchos elementos en rojo en la cobertura de código. Un complemento solo debería poner en cola una secuencia de comandos (si esta se usa en la página).
Codifica las imágenes de forma eficaz
Las imágenes optimizadas se cargan más rápido y consumen menos datos móviles. Más información
Puedes utilizar un complemento de optimización de imágenes de WordPress que comprima tus imágenes conservando la calidad.
Publica imágenes con formatos de próxima generación
Ahorro potencial de 9 KiB
Los formatos JPEG 2000, JPEG XR y WebP comprimen mejor las imágenes que los formatos PNG o JPEG, lo que hace que se descarguen más rápido y consuman menos datos. Más información
Consider using a plugin or service that will automatically convert your uploaded images to the optimal formats.
URL | Tamaño del recurso | Ahorro potencial | |
---|---|---|---|
/dobetterweb/lighthouse-480x318.jpg (localhost) | 24 KiB | 8,8 KiB |
Establece conexión previamente con los orígenes necesarios
Puedes añadir sugerencias de recursos `preconnect` o `dns-prefetch` para establecer conexiones previas con orígenes importantes de terceros. Más información
El tiempo de respuesta inicial del servidor fue breve
El documento raíz ha tardado 570 ms
Mantén breve el tiempo de respuesta del servidor para el documento principal, puesto que todas las demás solicitudes dependen de él. Más información
URL | Duración |
---|---|
/dobetterweb/dbw_tester.html (localhost) | 570 ms |
Evita que haya varias redirecciones de página
Las redirecciones provocan retrasos adicionales antes de que la página se pueda cargar. Más información
Carga previamente las solicitudes clave
Te recomendamos usar `<link rel=preload>` para dar prioridad a los recursos que se solicitan más tarde al cargar la página. Más información
Usa formatos de vídeo para incluir contenido animado
Los GIF de gran tamaño no son eficientes para mostrar contenido animado. Para usar menos bytes de la red, te recomendamos que utilices los formatos de vídeo MPEG4 o WebM para incluir animaciones y los formatos PNG o WebP para añadir imágenes estáticas en lugar del formato GIF. Más información
Consider uploading your GIF to a service which will make it available to embed as an HTML5 video.
Quita los módulos duplicados de los paquetes de JavaScript
Quita los módulos de JavaScript grandes y duplicados de los paquetes para reducir el número de bytes innecesarios que consume la actividad de red.
Evita usar JavaScript antiguo en navegadores modernos
Ahorro potencial de 21 KiB
Los polyfills y los transforms permiten que los navegadores antiguos utilicen las nuevas funciones de JavaScript. Sin embargo, muchos de estos polyfills y transforms no son necesarios para los navegadores nuevos. Para tu JavaScript empaquetado, adopta una estrategia moderna de implementación de secuencias de comandos usando la detección de funciones module/nomodule para reducir la cantidad de código que se envía a los navegadores modernos sin perder la compatibilidad con los navegadores antiguos. Más información
URL | Ahorro potencial | |
---|---|---|
/zone.js (localhost) | 20,7 KiB | |
/zone.js:1291:4 (localhost) | Object.defineProperty | |
/zone.js:1301:4 (localhost) | Object.defineProperties |
Evita cargas útiles de red de gran tamaño
Tamaño total: 157 KiB
Si la carga útil de la red es muy grande, los usuarios consumen más datos móviles y las páginas tardan más en cargarse. Más información
Puedes mostrar fragmentos en tus listas de entradas (por ejemplo, mediante la etiqueta "more"), reducir la cantidad de entradas que se muestran en cada página, dividir tus entradas más largas en múltiples páginas o usar un complemento para posponer la carga de los comentarios.
URL | Tamaño de la transferencia |
---|---|
/zone.js (localhost) | 70 KiB |
…2.1.1/jquery.min.js (ajax.googleapis.com) | 29,5 KiB |
/dobetterweb/lighthouse-480x318.jpg (localhost) | 24,2 KiB |
/dobetterweb/dbw_tester.html (localhost) | 12,3 KiB |
/dobetterweb/dbw_tester.html (localhost) | 12,3 KiB |
/dobetterweb/dbw_tester.js (localhost) | 1,7 KiB |
1,1 KiB | |
/dobetterweb/dbw_tester.css?delay=100 (localhost) | 0,8 KiB |
0,8 KiB | |
/dobetterweb/dbw_tester.css?delay=2200 (localhost) | 0,8 KiB |
Evita un tamaño excesivo de DOM
31 elementos
Los DOM de gran tamaño aumentan el uso de memoria, hacen que los cálculos de estilo duren más y generan costosos reinicios del flujo del diseño. Más información
Estadística | Elemento | Valor |
---|---|---|
Total de elementos DOM | 31 | |
Profundidad máxima de DOM | <h2> | 3 |
Número máximo de elementos secundarios | <body> | 29 |
Medidas y marcas de User Timing
Te recomendamos que uses la API Tiempos de usuario en tu aplicación para calcular su rendimiento real durante las principales experiencias de usuario. Más información
Tiempo de ejecución de JavaScript
1,2 s
Te recomendamos que reduzcas el tiempo de análisis, compilación y ejecución de JavaScript. Para ello, puedes utilizar cargas útiles de JavaScript más pequeñas. Más información
URL | Tiempo de CPU total | Evaluación de la secuencia de comandos | Análisis de la secuencia de comandos |
---|---|---|---|
/dobetterweb/dbw_tester.html (localhost) | 1044 ms | 964 ms | 3 ms |
Unattributable | 280 ms | 10 ms | 0 ms |
/zone.js (localhost) | 107 ms | 91 ms | 2 ms |
…2.1.1/jquery.min.js (ajax.googleapis.com) | 90 ms | 81 ms | 1 ms |
Minimiza el trabajo del hilo principal
1,5 s
Te recomendamos que reduzcas el tiempo de análisis, compilación y ejecución de JavaScript. Para ello, puedes utilizar cargas útiles de JavaScript más pequeñas. Más información
Categoría | Duración |
---|---|
Script Evaluation | 1149 ms |
Other | 177 ms |
Style & Layout | 122 ms |
Parse HTML & CSS | 54 ms |
Garbage Collection | 26 ms |
Rendering | 13 ms |
Script Parsing & Compilation | 8 ms |
Todo el texto permanece visible mientras se carga la fuente web
Utiliza la característica de CSS "font-display" para que los usuarios vean el texto mientras se carga la fuente web. Más información
Reducir el uso de código de terceros
El código de un tercero ha bloqueado el hilo principal durante 20 ms
El código externo puede afectar mucho a la velocidad de carga. Limita el número de proveedores externos redundantes e intenta cargar el código externo cuando se haya completado la carga principal de tu página. Más información
Proveedor externo | Tamaño de la transferencia | Tiempo de bloqueo del hilo principal |
---|---|---|
Google CDN | 29 KiB | 23 ms |
…2.1.1/jquery.min.js (ajax.googleapis.com) | 29 KiB | 23 ms |
Evita las bibliotecas de JavaScript de gran tamaño con alternativas más pequeñas
0 bibliotecas de tamaño grande encontradas
Las bibliotecas de JavaScript de gran tamaño pueden reducir el rendimiento. Elige bibliotecas más pequeñas y funcionalmente equivalentes para reducir el tamaño del paquete. Más información
Estas comprobaciones incluyen consejos para mejorar la accesibilidad de tu aplicación web. Solo se pueden detectar un subconjunto de problemas de accesibilidad de forma automática. Por eso, te recomendamos realizar pruebas manuales.
ContrasteA continuación se indican consejos para facilitar la lectura del contenido.
Los colores de fondo y de primer plano no tienen una relación de contraste adecuada.
Los textos con poco contraste resultan difíciles o imposibles de leer para muchos usuarios. Más información
Elementos con errores |
---|
Do better web tester page <h2> |
Hi there! <span> |
Internacionalización y localizaciónA continuación se indican consejos para que los usuarios con diversas configuraciones regionales puedan interpretar mejor el contenido de las páginas.
El elemento <html>
no tiene un atributo [lang]
<html>
no tiene un atributo [lang]
Si no se especifica ningún atributo de idioma en una página, el lector de pantalla asumirá que la página está en el idioma predeterminado que el usuario eligió al configurarlo. Si el idioma de la página es diferente del predeterminado, es posible que el lector de pantalla no lea correctamente el texto de la página. Más información
Elementos con errores |
---|
html <html manifest="clock.appcache"> |
Nombres y etiquetasA continuación se indican consejos para mejorar la semántica de los controles de tu aplicación. Estos consejos pueden mejorar la experiencia de los usuarios de tecnologías de asistencia, como los lectores de pantalla.
Los elementos de imagen no tienen ningún atributo [alt]
[alt]
Los elementos informativos deberían incluir textos alternativos cortos y descriptivos. Los elementos decorativos se pueden omitir usando un atributo "alt" vacío. Más información
Elementos con errores |
---|
img <img src="lighthouse-480x318.jpg" width="480" height="57"> |
img <img src="lighthouse-480x318.jpg" width="480" height="318"> |
img <img src="lighthouse-rotating.gif" width="811" height="462"> |
img <img src="blob:http://localhost:54759/41e77cc6-8eb2-49d5-a819-7edf852531be"> |
Los elementos de formulario no tienen ninguna etiqueta asociada
Las etiquetas facilitan que las tecnologías de asistencia, como los lectores de pantalla, puedan leer los controles de los formularios de forma correcta. Más información
Elementos con errores |
---|
input <input type="password" onpaste="event.preventDefault();"> |
input <input type="password"> |
input <input type="password" onpaste="return false;"> |
Los enlaces no tienen nombres reconocibles
Usar textos de enlace (y textos alternativos para las imágenes, si estas se usan como enlaces) que sean reconocibles, únicos y que se puedan seleccionar mejora la experiencia de navegación de los usuarios de lectores de pantalla. Más información
Elementos con errores |
---|
a <a href="javascript:void(0)" target="_blank"> |
a <a href="mailto:inbox@email.com" target="_blank"> |
Los elementos <object>
no tienen texto [alt]
<object>
no tienen texto [alt]
Los lectores de pantalla no pueden traducir contenido que no sea texto. Al añadir texto alternativo a los elementos `<object>`, los lectores de pantalla podrán transmitir su significado a los usuarios. Más información
Elementos con errores |
---|
object <object id="5934a"> |
object <object id="5934b"> |
Elementos adicionales que se deben comprobar manualmente
(10)
Estos elementos se ocupan de áreas que las herramientas de prueba automáticas no pueden analizar. Consulta más información sobre cómo revisar la accesibilidad en nuestra guía.
Elementos adicionales que se deben comprobar manualmente
(10)
Estos elementos se ocupan de áreas que las herramientas de prueba automáticas no pueden analizar. Consulta más información sobre cómo revisar la accesibilidad en nuestra guía.
The page has a logical tab order
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more.
Interactive controls are keyboard focusable
Custom interactive controls are keyboard focusable and display a focus indicator. Learn more.
Interactive elements indicate their purpose and state
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. Learn more.
The user's focus is directed to new content added to the page
If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn more.
User focus is not accidentally trapped in a region
A user can tab into and out of any control or region without accidentally trapping their focus. Learn more.
Custom controls have associated labels
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more.
Custom controls have ARIA roles
Custom interactive controls have appropriate ARIA roles. Learn more.
Visual order on the page follows DOM order
DOM order matches the visual order, improving navigation for assistive technology. Learn more.
Offscreen content is hidden from assistive technology
Offscreen content is hidden with display: none or aria-hidden=true. Learn more.
HTML5 landmark elements are used to improve navigation
Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. Learn more.
Auditorías aprobadas
(11)
Auditorías aprobadas
(11)
[aria-hidden="true"]
no se encuentra en el documento <body>
[aria-hidden="true"]
no se encuentra en el documento <body>
Las tecnologías asistenciales, como los lectores de pantalla, funcionan de forma inestable cuando se establece `aria-hidden="true"` en el documento `<body>`. Más información
Los elementos [aria-hidden="true"]
no contienen ningún elemento inferior seleccionable
[aria-hidden="true"]
no contienen ningún elemento inferior seleccionable
Los elementos inferiores seleccionables que están dentro de un elemento `[aria-hidden="true"]` evitan que esos elementos interactivos estén disponibles para los usuarios de tecnologías asistenciales, como lectores de pantalla. Más información
Los campos de entrada ARIA tienen nombres accesibles
Si un campo de entrada no tiene un nombre accesible, los lectores de pantalla lo leerán en voz alta con un nombre genérico, por lo que resultan inservibles para los usuarios que necesitan usar lectores de pantalla para navegar. Más información
Los campos de interruptores ARIA tienen nombres accesibles
Si un campo de interruptor no tiene un nombre accesible, los lectores de pantalla lo leerán en voz alta con un nombre genérico, por lo que resultan inservibles para los usuarios que necesitan usar lectores de pantalla para navegar. Más información
Los botones tienen nombres accesibles
Si un botón no tiene un nombre accesible, los lectores de pantalla lo leerán en voz alta como "botón", por lo que resultan inservibles para los usuarios que necesitan usar lectores de pantalla para navegar. Más información
La página contiene un título, un enlace de omisión o una región de punto de referencia
Incluir maneras de omitir el contenido repetitivo permite a los usuarios con teclado navegar por la página de forma más eficaz. Más información
El documento tiene un elemento <title>
<title>
Los títulos proporcionan una idea general sobre la página a los usuarios de lectores de pantalla. Además, los usuarios de buscadores se basan principalmente en los títulos para determinar si una página es relevante para su búsqueda o no. Más información
Los atributos [id]
de los elementos activos seleccionables son únicos
[id]
de los elementos activos seleccionables son únicos
Todos los elementos seleccionables deben tener un `id` único para asegurar que son visibles para las tecnologías asistenciales. Más información
Los ID de ARIA son únicos
El valor de un ID de ARIA debe ser único para evitar que las tecnologías asistenciales omitan otras instancias. Más información
Los elementos de título aparecen en orden secuencial descendente
Los títulos ordenados correctamente que no saltan niveles transmiten la estructura semántica de la página, lo que facilita la navegación y la comprensión para los usuarios que usan tecnologías asistenciales. Más información
[user-scalable="no"]
no se utiliza en el elemento <meta name="viewport">
y el valor del atributo [maximum-scale]
no es inferior a 5.
[user-scalable="no"]
no se utiliza en el elemento <meta name="viewport">
y el valor del atributo [maximum-scale]
no es inferior a 5.
Inhabilitar el zoom provoca problemas a los usuarios con visión reducida que necesitan ampliar la pantalla para poder ver correctamente el contenido de las páginas web. Más información
No aplicable
(24)
No aplicable
(24)
Los valores de [accesskey]
son únicos
[accesskey]
son únicos
Las claves de acceso permiten a los usuarios dirigirse rápidamente a una parte concreta de la página. Para facilitar una navegación correcta, las claves de acceso deben ser únicas. Más información
Los atributos [aria-*]
coinciden con sus funciones
[aria-*]
coinciden con sus funciones
Cada `role` de ARIA admite un subconjunto determinado de atributos `aria-*`. Si no coinciden, los atributos `aria-*` se invalidarán. Más información
Todos los elementos [role]
tienen los atributos [aria-*]
obligatorios
[role]
tienen los atributos [aria-*]
obligatorios
Algunas funciones de ARIA incluyen atributos obligatorios que describen el estado del elemento a los lectores de pantalla. Más información
Los elementos con un [role]
ARIA que requieren que los elementos secundarios contengan un [role]
específico tienen todos los elementos secundarios necesarios.
[role]
ARIA que requieren que los elementos secundarios contengan un [role]
específico tienen todos los elementos secundarios necesarios.
Algunas funciones principales de ARIA deben contener funciones secundarias específicas para llevar a cabo las funciones de accesibilidad correspondientes. Más información
Los atributos [role]
están incluidos en los elementos principales correspondientes
[role]
están incluidos en los elementos principales correspondientes
Algunas funciones secundarias de ARIA se deben incluir dentro de funciones principales concretas para poder llevar a cabo las funciones de accesibilidad correspondientes. Más información
Los valores de [role]
son válidos
[role]
son válidos
Las funciones de ARIA deben tener valores válidos para realizar las funciones de accesibilidad correspondientes. Más información
Los atributos [aria-*]
tienen valores válidos
[aria-*]
tienen valores válidos
Las tecnologías de asistencia, como los lectores de pantalla, no pueden interpretar los atributos ARIA cuyos valores no sean válidos. Más información
Los atributos [aria-*]
son válidos y están bien escritos
[aria-*]
son válidos y están bien escritos
Las tecnologías de asistencia, como los lectores de pantalla, no pueden interpretar los atributos ARIA con nombres no válidos. Más información
Los elementos <dl>
contienen únicamente grupos de <dt>
y <dd>
o elementos <script>
, <template>
o <div>
ordenados correctamente.
<dl>
contienen únicamente grupos de <dt>
y <dd>
o elementos <script>
, <template>
o <div>
ordenados correctamente.
Si las listas de definiciones no están bien marcadas, es posible que los lectores de pantalla las interpreten de forma confusa o imprecisa. Más información
Los elementos de la lista de definiciones están incluidos dentro de elementos <dl>
<dl>
Los elementos de la lista de definiciones (`<dt>` y`<dd>`) deben estar incluidos en un elemento `<dl>` principal para asegurarte de que los lectores de pantalla puedan leerlos en voz alta correctamente. Más información
Ningún campo de formulario tiene varias etiquetas
Las tecnologías asistenciales, como los lectores de pantalla, pueden leer de forma confusa los campos de formulario que tienen varias etiquetas, ya que pueden usar la primera etiqueta, la última o todas. Más información
Los elementos <frame>
o <iframe>
tienen un título
<frame>
o <iframe>
tienen un título
Los usuarios de lectores de pantalla confían en que los títulos describan el contenido de los marcos. Más información
El atributo [lang]
del elemento <html>
tiene un valor válido
[lang]
del elemento <html>
tiene un valor válido
Especificar un idioma BCP 47 válido permite a los lectores de pantalla leer el texto correctamente en voz alta. Más información
Los elementos <input type="image">
contienen texto [alt]
<input type="image">
contienen texto [alt]
Cuando se usa una imagen como botón `<input>`, resulta útil proporcionar un texto alternativo para permitir que los usuarios de lectores de pantalla entiendan cuál es la función del botón. Más información
Los elementos <table>
de presentación no utilizan elementos <th>
o <caption>
ni el atributo [summary]
.
<table>
de presentación no utilizan elementos <th>
o <caption>
ni el atributo [summary]
.
Las tablas que solo se utilizan para crear un diseño no deben incluir elementos de datos, como los elementos th o caption, o el atributo summary, ya que podrían confundir a los usuarios de lectores de pantalla. Más información
Las listas contienen únicamente elementos <li>
y elementos que admiten secuencias de comandos (<script>
y <template>
).
<li>
y elementos que admiten secuencias de comandos (<script>
y <template>
).
Los lectores de pantalla leen las listas en voz alta de una forma concreta. Se recomienda utilizar una estructura de listas adecuada para que los lectores de pantalla puedan leer las listas de forma correcta. Más información
Los elementos de lista (<li>
) están incluidos dentro de los elementos principales <ul>
o <ol>
<li>
) están incluidos dentro de los elementos principales <ul>
o <ol>
Los lectores de pantalla requieren que los elementos de lista (`<li>`) estén incluidos dentro de un elemento `<ul>` o `<ol>` principal para poder leerlos correctamente en voz alta. Más información
El documento no usa <meta http-equiv="refresh">
<meta http-equiv="refresh">
Los usuarios no esperan que las páginas se actualicen automáticamente; si es así, se les volverá a dirigir a la parte superior de la página. Esto puede dar lugar a una experiencia frustrante o confusa. Más información
No hay ningún elemento con un valor de [tabindex]
superior a 0
[tabindex]
superior a 0
Si el valor es superior a 0, significa que el orden de navegación es explícito. Aunque técnicamente es válido, esto suele producir experiencias frustrantes para los usuarios que necesitan usar tecnologías de asistencia. Más información
Las celdas de un elemento <table>
que usan el atributo [headers]
hacen referencia a otras celdas de la misma tabla.
<table>
que usan el atributo [headers]
hacen referencia a otras celdas de la misma tabla.
Los lectores de pantalla incluyen funciones para facilitar la navegación por las tablas. Asegurarse de que las celdas `<td>` que usan el atributo `[headers]` solo hacen referencia a otras celdas de la misma tabla mejora la experiencia de los usuarios de lectores de pantalla. Más información
Los elementos <th>
y los elementos con atributos [role="columnheader"/"rowheader"]
contienen las celdas de datos que describen.
<th>
y los elementos con atributos [role="columnheader"/"rowheader"]
contienen las celdas de datos que describen.
Los lectores de pantalla incluyen funciones para facilitar la navegación por las tablas. Si te aseguras de que los encabezados de las tablas siempre hagan referencia a un conjunto de celdas, puedes mejorar la experiencia de los usuarios de lectores de pantalla. Más información
Los atributos [lang]
tienen un valor válido
[lang]
tienen un valor válido
Especificar un idioma BCP 47 en los elementos ayuda a asegurar que los lectores de pantalla pronuncien correctamente las palabras del texto. Más información
Los elementos <video>
contienen un elemento <track>
con el atributo [kind="description"]
<video>
contienen un elemento <track>
con el atributo [kind="description"]
Las audiodescripciones proporcionan información pertinente en vídeos cuyos diálogos no transmiten todo el contenido, como en el caso de las expresiones faciales y las escenas. Más información
Confianza y seguridad
No usa HTTPS
Se ha encontrado 1 solicitud poco segura
Todos los sitios web deberían estar protegidos con el protocolo HTTPS, incluso los que no gestionen datos sensibles. Esto incluye evitar el contenido mixto, en el que algunos recursos se cargan mediante HTTP a pesar de que la solicitud inicial se haya servido mediante HTTPS. HTTPS evita que los intrusos alteren o escuchen pasivamente la comunicación entre tu aplicación y tus usuarios. Además, es un requisito previo para poder usar HTTP/2 y las API de muchas plataformas web nuevas. Más información
URL poco segura | Resolución de solicitudes |
---|---|
…2.1.1/jquery.min.js (ajax.googleapis.com) | Permitida |
Los enlaces a destinos de origen cruzado no son seguros
Advertencias: No se ha podido determinar el destino del enlace (<a target="_blank">). Si no se usa como hiperenlace, se recomienda eliminar el atributo target=_blank.
Añade `rel="noopener"` o `rel="noreferrer"` a cualquier enlace externo para mejorar el rendimiento y evitar vulnerabilidades de seguridad. Más información
Anclas con errores |
---|
external link <a href="https://www.google.com/" target="_blank"> |
external link <a target="_blank"> |
external link <a href="https://www.google.com/" target="_blank" rel="nofollow"> |
internal link is ok <a href="./doesnotexist" target="_blank"> |
Solicita el permiso de geolocalización al cargar la página
Los usuarios dudan o desconfían de los sitios web que solicitan su ubicación sin contexto. Como alternativa, puedes vincular la solicitud a una acción del usuario. Más información
URL | Ubicación |
---|---|
/dobetterweb/dbw_tester.html (localhost) | line: 277 |
/dobetterweb/dbw_tester.html (localhost) | line: 281 |
Solicita el permiso de notificación al cargar la página
Los usuarios dudan o desconfían de los sitios web que solicitan enviar notificaciones sin contexto. Como alternativa, puedes vincular la solicitud a los gestos de los usuarios. Más información
URL | Ubicación |
---|---|
/dobetterweb/dbw_tester.html (localhost) | line: 287 |
Incluye bibliotecas en el frontend de JavaScript con vulnerabilidades de seguridad conocidas
4 vulnerabilidades detectadas
Algunas secuencias de comandos externas pueden contener vulnerabilidades de seguridad conocidas que pueden ser detectadas y aprovechadas por los atacantes. Más información
Versión de la biblioteca | Número de vulnerabilidades | Gravedad máxima |
---|---|---|
jQuery@2.1.1 | 4 | Media |
Experiencia de usuario
Impide que los usuarios peguen texto en los campos de contraseña
Evitar que se pueda pegar texto en el campo de contraseña debilita una buena política de seguridad. Más información
Elementos con errores |
---|
<input type="password" onpaste="event.preventDefault();"> |
<input type="password" onpaste="return false;"> |
Muestra imágenes con una relación de aspecto incorrecta
Las dimensiones de las imágenes mostradas deberían mantener su relación de aspecto natural. Más información
URL | Relación de aspecto (mostrada) | Relación de aspecto (real) | |
---|---|---|---|
/dobetterweb/lighthouse-480x318.jpg (localhost) | 480 x 57
(8.42) | 480 x 318
(1.51) |
Muestra imágenes con una resolución baja
Para mejorar la claridad de la imagen, las dimensiones normales de la imagen deberían ser proporcionales al tamaño de la pantalla y a la proporción de píxeles. Más información
URL | Tamaño mostrado | Tamaño real | Tamaño esperado | |
---|---|---|---|---|
/dobetterweb/lighthouse-480x318.jpg (localhost) | 480 x 318 | 480 x 318 | 1260 x 835 |
Las fuentes con font-display: optional
no están precargadas
font-display: optional
no están precargadas
Precarga las fuentes `optional` para que los usuarios puedan utilizarlas en su primera visita. Más información
URL |
---|
Compatibilidad con navegadores
Falta la declaración del conjunto de caracteres o se ha definido demasiado tarde en el código HTML
Es necesario declarar una codificación de caracteres. Puedes hacerlo utilizando una etiqueta <meta> situada en los primeros 1024 bytes del código HTML o en el encabezado de respuesta HTTP Content-Type. Más información
General
Registra un procesador unload
unload
El evento `unload` no se activa de manera fiable y esperar a que se detecte puede impedir optimizaciones del navegador, como el almacenamiento en caché "Back-Forward". Considera usar los eventos `pagehide` o `visibilitychange` en su lugar. Más información
URL |
---|
/dobetterweb/dbw_tester.html:387:36 (localhost) |
Usa caché de aplicación
Se ha detectado "clock.appcache"
La caché de aplicación está obsoleta. Más información
Usa API obsoletas
Se han encontrado 3 advertencias
Las API obsoletas se eliminarán del navegador en el futuro. Más información
Desactivación/Advertencia | URL |
---|---|
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/. | /dobetterweb/dbw_tester.html:323:6 (localhost) |
'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead. | /dobetterweb/dbw_tester.html:326:9 (localhost) |
/deep/ combinator is no longer supported in CSS dynamic profile.It is now effectively no-op, acting as if it were a descendant combinator. /deep/ combinator will be removed, and will be invalid at M65. You should remove it. See https://www.chromestatus.com/features/4964279606312960 for more details. |
Se han registrado errores del navegador en la consola
Los errores registrados en la consola indican que hay problemas sin resolver. Pueden proceder de solicitudes fallidas de la red y otros errores del navegador. Más información
URL | Descripción |
---|---|
/dobetterweb/dbw_tester.html (localhost) | Application Cache Error event: Manifest fetch failed (404) http://localhost:10200/dobetterweb/clock.appcache |
/dobetterweb/dbw_tester.html (localhost) | Error: An error at http://localhost:10200/dobetterweb/dbw_tester.html:42:38 |
/dobetterweb/unknown404.css?delay=200 (localhost) | Failed to load resource: the server responded with a status of 404 (Not Found) |
/favicon.ico (localhost) | Failed to load resource: the server responded with a status of 404 (Not Found) |
/dobetterweb/unknown404.css?delay=200 (localhost) | Failed to load resource: the server responded with a status of 404 (Not Found) |
Auditorías aprobadas
(3)
Auditorías aprobadas
(3)
La página tiene el DOCTYPE de HTML
Especificar un DOCTYPE evita que el navegador cambie al modo Quirks. Más información
Bibliotecas de JavaScript detectadas
Todas las bibliotecas frontend de JavaScript detectadas en la página. Más información
Nombre | Versión |
---|---|
jQuery | 2.1.1 |
WordPress |
La página tiene mapas de origen válidos
Los mapas de origen traducen el código minificado al código fuente original. Esto ayuda a los desarrolladores a depurar en producción. Además, Lighthouse puede proporcionar sugerencias adicionales. Plantéate desplegar mapas de origen para disfrutar de estas ventajas. Más información
Estas comprobaciones aseguran que tu página esté optimizada para posicionarse en los resultados de los buscadores. Hay otros factores que Lighthouse no comprueba y que pueden afectar a tu posicionamiento en los buscadores. Más información
Prácticas recomendadas de contenidoEdita el código HTML de tu página web de forma que los rastreadores puedan entender mejor el contenido de tu aplicación.
El documento no tiene una metadescripción
Se pueden incluir metadescripciones en los resultados de búsqueda para resumir brevemente el contenido de la página. Más información
Los elementos de imagen no tienen ningún atributo [alt]
[alt]
Los elementos informativos deberían incluir textos alternativos cortos y descriptivos. Los elementos decorativos se pueden omitir usando un atributo "alt" vacío. Más información
Elementos con errores |
---|
img <img src="lighthouse-480x318.jpg" width="480" height="57"> |
img <img src="lighthouse-480x318.jpg" width="480" height="318"> |
img <img src="lighthouse-rotating.gif" width="811" height="462"> |
img <img src="blob:http://localhost:54759/41e77cc6-8eb2-49d5-a819-7edf852531be"> |
Rastrear e indexarPara aparecer en los resultados de búsqueda, los rastreadores necesitan acceder a tu aplicación.
Los enlaces no son rastreables
Es posible que los buscadores usen atributos `href` en los enlaces para rastrear sitios web. Asegúrate de que el atributo `href` de los elementos de anclaje enlace con un destino adecuado para que se puedan descubrir más páginas del sitio web. Más información
Enlace no rastreable |
---|
external link <a target="_blank"> |
a <a href="javascript:void(0)" target="_blank"> |
Optimización para móvilesAsegúrate de que tus páginas están optimizadas para móviles de forma que los usuarios no tengan que pellizcar la pantalla o ampliarla para poder leer su contenido. Más información
El tamaño de los elementos táctiles no es el adecuado
El 0 % de los elementos táctiles tiene un tamaño adecuado
Los elementos interactivos, como los botones y enlaces, deben ser lo suficientemente grandes (48x48 px) y tener suficiente espacio alrededor para poder tocarlos con facilidad sin superponerse con otros elementos. Más información
Elemento táctil | Tamaño | Elementos superpuestos |
---|---|---|
Do something <button class="small-button">Do something</button> | 200x18 | Do something else <button class="small-button">Do something else</button> |
Elementos adicionales que se deben comprobar manualmente
(1)
Ejecuta estos validadores adicionales en tu sitio web para comprobar más prácticas recomendadas de SEO.
Elementos adicionales que se deben comprobar manualmente
(1)
Ejecuta estos validadores adicionales en tu sitio web para comprobar más prácticas recomendadas de SEO.
Los datos estructurados son válidos
Ejecuta la Herramienta de prueba de datos estructurados y la herramienta Structured Data Linter para validar los datos estructurados. Más información
Auditorías aprobadas
(8)
Auditorías aprobadas
(8)
Contiene una etiqueta <meta name="viewport">
con width
o initial-scale
<meta name="viewport">
con width
o initial-scale
Añade una etiqueta `<meta name="viewport">` para que tu aplicación se vea mejor en las pantallas de los dispositivos móviles. Más información
El documento tiene un elemento <title>
<title>
Los títulos proporcionan una idea general sobre la página a los usuarios de lectores de pantalla. Además, los usuarios de buscadores se basan principalmente en los títulos para determinar si una página es relevante para su búsqueda o no. Más información
El código de estado HTTP de la página es válido
Es posible que las páginas con códigos de estado HTTP no válidos no estén bien indexadas. Más información
Los enlaces tienen texto descriptivo
El texto descriptivo de los enlaces ayuda a los buscadores a entender tu contenido. Más información
No se ha bloqueado la indexación de la página
Los buscadores no pueden incluir tus páginas en los resultados de búsqueda si no tienen permiso para rastrearlas. Más información
El documento tiene un atributo hreflang
válido
hreflang
válido
Los enlaces "hreflang" indican a los buscadores qué versiones de las páginas deben incluir en los resultados de búsqueda de una región o un idioma determinados. Más información
El documento usa tamaños de fuente legibles
El 100 % del texto es legible
Las fuentes con un tamaño inferior a 12 px son demasiado pequeñas y poco legibles, lo que obliga a los visitantes que acceden con dispositivos móviles a pellizcar la pantalla para ampliarla y poder leer el texto. Intenta que más del 60 % del texto de la página tenga un tamaño igual o superior a 12 px. Más información
Fuente | Selector | % of Page Text | Font Size |
---|---|---|---|
Legible text | 100.00% | ≥ 12px |
El documento no usa complementos
Los buscadores no pueden indexar el contenido de los complementos, y muchos dispositivos limitan el uso de complementos o no los admiten. Más información
No aplicable
(2)
No aplicable
(2)
robots.txt es válido
Si el formato del archivo robots.txt no es correcto, es posible que los rastreadores no puedan interpretar cómo quieres que se rastree o indexe tu sitio web. Más información
El documento tiene un atributo rel=canonical
válido
rel=canonical
válido
Los enlaces canónicos sugieren qué URL se debe mostrar en los resultados de búsqueda. Más información
Estas comprobaciones se centran en diferentes aspectos de las aplicaciones web progresivas. Más información
Rapidez y fiabilidad
La carga de la página es lo suficientemente rápida en redes móviles
Si las páginas se cargan rápidamente en las redes móviles, se asegurará una buena experiencia de usuario. Más información
La página web actual no responde con un código de estado HTTP 200 cuando no hay conexión
Si estás creando una aplicación web progresiva, puedes usar un service worker para que funcione sin conexión. Más información
start_url
no responde con un código de estado HTTP 200 cuando no hay conexiónNo usable web app manifest found on page.
start_url
no responde con un código de estado HTTP 200 cuando no hay conexiónNo usable web app manifest found on page.
Un service worker hace que tu aplicación web sea más fiable si la conexión de red es inestable. Más información
Instalabilidad
No usa HTTPS
Se ha encontrado 1 solicitud poco segura
Todos los sitios web deberían estar protegidos con el protocolo HTTPS, incluso los que no gestionen datos sensibles. Esto incluye evitar el contenido mixto, en el que algunos recursos se cargan mediante HTTP a pesar de que la solicitud inicial se haya servido mediante HTTPS. HTTPS evita que los intrusos alteren o escuchen pasivamente la comunicación entre tu aplicación y tus usuarios. Además, es un requisito previo para poder usar HTTP/2 y las API de muchas plataformas web nuevas. Más información
URL poco segura | Resolución de solicitudes |
---|---|
…2.1.1/jquery.min.js (ajax.googleapis.com) | Permitida |
No registra un service worker que controle la página y la propiedad start_url
start_url
El service worker es la tecnología que te permite usar las funciones de las aplicaciones web progresivas, como el modo sin conexión, poder añadirlas a la pantalla de inicio y las notificaciones push. Más información
El archivo de manifiesto de la aplicación web no cumple los requisitos de instalaciónFailures: No manifest was fetched.
Failures: No manifest was fetched.
Los navegadores pueden preguntar a los usuarios si quieren añadir tu aplicación a la pantalla de inicio, con lo que se generan más interacciones. Más información
Optimizado para PWA
No redirige el tráfico HTTP a HTTPS
Si ya has configurado HTTPS, asegúrate de redireccionar todo el tráfico HTTP a HTTPS a fin de habilitar funciones web seguras para todos los usuarios. Más información
No se ha configurado para una pantalla de inicio personalizadaFailures: No manifest was fetched.
Failures: No manifest was fetched.
Una pantalla de inicio personalizada asegura una experiencia de calidad cuando los usuarios ejecuten tu aplicación desde sus pantallas de inicio. Más información
No establece un color personalizado en la barra de direcciones.Failures: No manifest was fetched,
No `<meta name="theme-color">` tag found.
Failures: No manifest was fetched,
No `<meta name="theme-color">` tag found.
El color de la barra de direcciones del navegador puede adaptarse a tu sitio web. Más información
El contenido tiene el tamaño adecuado para el viewport
Si el ancho del contenido de tu aplicación no coincide con el ancho del viewport, es posible que no esté optimizada para pantallas de dispositivos móviles. Más información
Contiene una etiqueta <meta name="viewport">
con width
o initial-scale
<meta name="viewport">
con width
o initial-scale
Añade una etiqueta `<meta name="viewport">` para que tu aplicación se vea mejor en las pantallas de los dispositivos móviles. Más información
Muestra parte del contenido cuando JavaScript está inhabilitado
Tu aplicación debería mostrar algún contenido cuando JavaScript esté inhabilitado, aunque solo sea un aviso para informar al usuario de que es necesario activar JavaScript para usar la aplicación. Más información
No proporciona un apple-touch-icon
válido
apple-touch-icon
válido
Para que el aspecto en iOS sea perfecto cuando los usuarios añadan una aplicación web progresiva a la pantalla de inicio, define un `apple-touch-icon`. Debe apuntar a una imagen PNG cuadrada de 192 px (o 180 px) que sea opaca. Más información
El archivo de manifiesto no tiene un icono enmascarableNo manifest was fetched
No manifest was fetched
Los iconos enmascarables permiten que la imagen ocupe toda su figura sin que se produzca un efecto panorámico al instalar la aplicación en un dispositivo. Más información
Elementos adicionales que se deben comprobar manualmente
(3)
Estas comprobaciones son necesarias según el documento de referencia PWA Checklist (lista de comprobación para aplicaciones web progresivas), pero Lighthouse no las verifica automáticamente. Es importante que las verifiques manualmente (aunque no afectan a la puntuación).
Elementos adicionales que se deben comprobar manualmente
(3)
Estas comprobaciones son necesarias según el documento de referencia PWA Checklist (lista de comprobación para aplicaciones web progresivas), pero Lighthouse no las verifica automáticamente. Es importante que las verifiques manualmente (aunque no afectan a la puntuación).
El sitio web funciona en diferentes navegadores
Para llegar al mayor número de usuarios, los sitios web deben funcionar en los navegadores más habituales. Más información
No parece que se bloqueen las transiciones de la página en la red
Las transiciones deberían ser rápidas al tocar en diferentes partes de la aplicación, incluso si la red es lenta. Esta experiencia es fundamental para la percepción del usuario sobre el funcionamiento de la aplicación. Más información
Cada página tiene una URL
Asegúrate de que cada página permita generar un enlace profundo en forma de URL, y de que dichas URL se utilicen solo para compartir las páginas fácilmente en las redes sociales. Más información