http://localhost:10200/dobetterweb/dbw_tester.html
64
Rendimiento
65
Accesibilidad
8
Prácticas recomendadas
67
SEO
Aplicación web progresiva
50
Plugin
0–49 50–89 90–100
Métricas
Primer renderizado con contenido
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
Índice de velocidad
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
Tiempo hasta que está interactiva
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
Tiempo total de bloqueo
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
Cambios de diseño acumulados
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 basa solo en estas métricas.See calculator.
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
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
Tiempo hasta que está interactiva
4930 ms
2030 ms
Primer renderizado significativo
3970 ms
1970 ms
Primer renderizado con contenido
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
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
WordPressExisten 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
0,8 KiB
870 ms
0,1 KiB
870 ms
0,8 KiB
870 ms
0,7 KiB
870 ms
1,7 KiB
720 ms
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
WordPressPuedes 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
12,2 KiB
8,2 KiB
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
WordPressHay 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 HTTP/2 para todos sus recursos 15 solicitudes no atendidas mediante HTTP/2
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
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
http/1.1
/zone.js
(localhost)
http/1.1
http/1.1
/favicon.ico
(localhost)
http/1.1
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
line: 26
line: 222
line: 248
Evitar 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
line: 178
line: 179
line: 180
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
URL
Tiempo de vida en caché
Tamaño de la transferencia
/zone.js
(localhost)
None
70 KiB
None
24 KiB
None
2 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
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: 5540 ms
Navegación inicial
- 570 ms, 0,8 KiB
- 580 ms, 0,14 KiB
- 2210 ms, 0,8 KiB
- 580 ms, 1,08 KiB
- 590 ms, 0,72 KiB
- 1140 ms, 0,72 KiB
- 3570 ms, 0,8 KiB
- 1150 ms, 1,66 KiB
- 590 ms, 0,14 KiB
/zone.js
(localhost)
- 1110 ms, 69,97 KiB
…2.1.1/jquery.min.js
(ajax.googleapis.com)
- 920 ms, 29,47 KiB
/favicon.ico
(localhost)
- 570 ms, 0,22 KiB
Reduce el número de solicitudes y el tamaño de las transferencias 16 solicitudes: 157 kB
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
Largest Contentful Paint element 1 element found
This is the element that was identified as the Largest Contentful Paint. Learn More
Element
This domain is for use in illustrative examples in documents. You may use this …
<p class="paragraph">
Avoid large layout shifts 4 elements found
These DOM elements contribute most to the CLS of the page.
Element
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>
Avoid long main-thread tasks 4 long tasks found
Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. Learn more
URL
Start Time
Duration
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
Auditorías aprobadas (19)
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
WordPressSube 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
WordPressInstala 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
WordPressHay 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
WordPressPuedes 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
WordPressPuedes 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
WordPressPuedes 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 kB
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
WordPressPuedes utilizar un complemento o servicio que convierta automáticamente las imágenes que subas en los formatos óptimos.
URL
Tamaño del recurso
Ahorro potencial
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
Initial server response time was short Root document took 570 ms
Keep the server response time for the main document short because all other requests depend on it. Learn more.
WordPressThemes, plugins, and server specifications all contribute to server response time. Consider finding a more optimized theme, carefully selecting an optimization plugin, and/or upgrading your server.
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
WordPressPuedes subir tu GIF a un servicio que permita insertarlo como un vídeo HTML5.
Evita cargas útiles de red de gran tamaño Tamaño total: 157 kB
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
WordPressPuedes 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
24,2 KiB
12,3 KiB
12,3 KiB
1,7 KiB
1,1 KiB
0,8 KiB
0,8 KiB
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
Element
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
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
29 KiB
23 ms
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>Do better web tester page</h2>
Hi there!
<span>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]
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]
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:62824/289254fd-ef1d-4c1a-96a8-ba291caa2140">
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 elementos <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
<object id="5934b"></object>
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)
[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
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>
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
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.
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)
Los valores de [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
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
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.
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
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
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
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
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.
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>
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
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
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]
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].
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>).
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>
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">
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
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.
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.
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
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="captions"]
Si un vídeo tiene subtítulos, los usuarios sordos o con problemas auditivos pueden acceder a la información con más facilidad. Más información
Los elementos <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
Trust and Safety
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. 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
…2.1.1/jquery.min.js
(ajax.googleapis.com)
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
line: 277
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
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
4
Media
User Experience
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)
480 x 57 (8.42)
480 x 318 (1.51)
Muestra las imágenes con un tamaño inadecuado
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
480 x 318
480 x 318
1260 x 835
Browser Compatibility
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
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/.
'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead.
/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
Application Cache Error event: Manifest fetch failed (404) http://localhost:10200/dobetterweb/clock.appcache
Error: An error
    at http://localhost:10200/dobetterweb/dbw_tester.html:42:38
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)
Failed to load resource: the server responded with a status of 404 (Not Found)
Auditorías aprobadas (2)
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
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]
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:62824/289254fd-ef1d-4c1a-96a8-ba291caa2140">
Rastrear e indexarPara aparecer en los resultados de búsqueda, los rastreadores necesitan acceder a tu aplicación.
Links are not crawlable
Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. Learn More
Uncrawlable Link
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.
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)
Contiene una etiqueta <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>
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
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
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
Source
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)
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
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ón
No 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. 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
…2.1.1/jquery.min.js
(ajax.googleapis.com)
No registra un service worker que controle la página y la propiedad 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ón
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 personalizada
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.
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
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
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 enmascarable
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).
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