Diseño web
Cómo está hecha esta web y qué dicen sus medidas
Qué es Lighthouse, la herramienta de Google que mide si una web está bien hecha, por qué influye en las visitas y en Google, y cómo saca esta web un 100 en todo.
Esta web saca 100 sobre 100 en Lighthouse, la herramienta de Google que mide si una página está bien hecha: en velocidad, en accesibilidad, en buenas prácticas y en lo básico para aparecer en Google. Y lo saca en el móvil y en el ordenador. Te explico qué es Lighthouse, por qué importa para que te encuentren y se queden quienes te visitan, y cómo está hecha esta web para conseguirlo. Al final, cómo comprobarlo tú con la tuya.
Qué es Lighthouse
Lighthouse es una herramienta gratuita creada por Google. Viene dentro del navegador Chrome y es la que usa PageSpeed Insights, la página de Google en la que cualquiera puede escribir la dirección de una web y ver su nota. Los profesionales la usan para revisar una web antes de publicarla y para saber qué corregir.
Pone una nota de 0 a 100 a cuatro cosas:
- Rendimiento: lo rápido que se ve y responde la página, sobre todo en un móvil con una conexión corriente.
- Accesibilidad: si la puede usar todo el mundo, también quien ve mal, quien usa un lector de pantalla o quien navega solo con el teclado.
- Prácticas recomendadas: si está hecha con criterios actuales de seguridad y de calidad: conexión cifrada, sin errores y sin código anticuado.
- SEO: si tiene lo básico para que Google la entienda: títulos, descripciones, enlaces que se pueden seguir y textos que se leen bien en el móvil.
Y lo pinta como un semáforo: en rojo de 0 a 49, en naranja de 50 a 89 y en verde de 90 a 100. Esta es la portada de esta web con el móvil que simula Lighthouse, que es la prueba más exigente:
Por qué importa: Google y las visitas
La nota no es un fin en sí misma. Importa por lo que mide.
Para aparecer en Google
Google lo dice en su propia documentación: sus sistemas de posicionamiento tienen en cuenta la experiencia que da una página, y en concreto usan unas medidas que llama Core Web Vitals: lo que tarda en verse el contenido principal, lo que tarda en responder cuando lo tocas y si la página se mueve mientras carga.
No es lo único que cuenta, y Google también lo deja claro: no hay una sola señal, y lo primero sigue siendo que el contenido responda a lo que se busca. Pero cuando hay muchas páginas útiles para una misma búsqueda, como pasa con «diseño web en Santander», una buena experiencia puede ayudar a destacar.
Esas medidas, Google las toma de visitantes reales, no de Lighthouse. Lighthouse es la forma de comprobarlas y corregirlas antes, como en un laboratorio: una web que saca 100 ahí lo tiene muy fácil para aprobar con los visitantes de verdad.
Para no perder visitas
Antes que Google, lo nota quien entra. Una página que tarda en cargar en el móvil pierde a parte de quienes entran antes de que vean nada, y una que salta mientras carga hace pulsar donde no se quería. Y una web accesible la puede usar más gente: también quien tiene la vista cansada o lee el móvil a pleno sol.
Lo que dicen las medidas
El 16 de octubre de 2026 pasé Lighthouse contra la web real en ocho páginas: la portada, una página de servicio, el Kit Digital, los proyectos, un caso, un artículo, «Cómo trabajo» y el contacto, en el móvil y en el ordenador. Esto es lo que salió:
- 100 en las cuatro notas, en las 16 combinaciones de página y formato.
- Lo principal se ve en el móvil en menos de 2 segundos (entre 1,2 y 1,9), con la conexión lenta que simula Lighthouse, y en el ordenador en menos de 0,6. Google da por bueno cualquier valor por debajo de 2,5 segundos. Es lo que llama LCP.
- Nada salta mientras carga: el desplazamiento de la página (CLS) es 0 en todas.
- Responde al momento: el tiempo en que el navegador está ocupado y no atiende (TBT) es 0 en casi todas, y como mucho 84 milésimas de segundo, cuando Google da por bueno hasta 200.
- La portada pesa menos de 120 KB en el móvil, con imágenes, letras y estadísticas incluidas: mucho menos que una sola foto hecha con el móvil.
En el ordenador, lo mismo:
Las cifras cambian un poco en cada pasada, según la red y lo ocupado que esté el ordenador que mide. Por eso, cuando una página baja de 100, la mido tres veces y me quedo con el resultado del medio: el Kit Digital, en el móvil, dio 99, 100 y 100.
Cómo está hecha
Programada a mano, sin plugins
Muchas webs se montan con un gestor de contenidos y una colección de plugins, piezas hechas por terceros que añaden funciones. Esta está programada desde cero: todo lo que hace, lo hace porque lo he escrito para eso. Así no carga código que no usa, y no hay que estar pendiente cada semana de las actualizaciones de piezas ajenas: lo que hay que mantener al día es el servidor.
Solo lo que la página necesita
Cada página descarga muy poco: una hoja de estilos de unos 8 KB, un pequeño programa de 2 KB y el de las estadísticas, que se pide cuando la página ya ha terminado de cargar, para que no le quite velocidad a nada de lo que ves. Las letras están en el propio servidor, sin pedirlas a Google. Y no hay carruseles, ni vídeos incrustados, ni mapas, ni botones de redes sociales: cada uno añade peso, peticiones a otros servidores y, muchas veces, cookies.
Imágenes a la medida de cada pantalla
Cada imagen está guardada en varios tamaños, en un formato moderno y ligero, WebP, y el navegador elige el que necesita: el móvil no se descarga la versión del ordenador. Todas avisan de su tamaño antes de cargar, para que la página no salte.
Accesible de verdad
La accesibilidad no es solo para quien usa un lector de pantalla: también es para quien lee el móvil al sol, para quien tiene la vista cansada y para quien navega con el teclado. En esta web:
- El texto se lee bien sobre su fondo: todo cumple el contraste del nivel más exigente de las pautas de accesibilidad, el AAA, de 7 a 1 o más. Lo comprueba un programa en cada cambio, no el ojo.
- Los enlaces van subrayados, y si navegas con el teclado, siempre ves dónde estás.
- El menú del móvil funciona aunque el navegador tenga desactivado JavaScript.
- Si tu móvil u ordenador pide reducir las animaciones, la web no anima nada.
- Cada campo de los formularios dice qué hay que escribir, y si algo falla, explica qué y dónde.
- Los enlaces a otras webs avisan de que se abren en una pestaña nueva, también a quien usa un lector de pantalla.
Segura desde la primera línea
- La conexión va siempre cifrada, por HTTPS, y el navegador recuerda durante un año que no debe intentarlo nunca sin cifrar.
- Una lista cerrada de lo que la página puede cargar, lo que se llama política de seguridad de contenidos (CSP): solo lo de esta misma web. Si alguien consiguiera colar un programa en la página, el navegador no lo ejecutaría.
- Una protección extra de los navegadores modernos, Trusted Types, que impide que un texto cualquiera se convierta en código, la puerta de muchos ataques.
- Formularios sin captcha: el filtro contra el spam trabaja por detrás, sin pedirte que señales semáforos.
Estadísticas sin cookies
Para saber cuántas visitas tiene la web y qué páginas se leen uso Matomo, instalado en un servidor propio y sin cookies: no guarda nada en tu dispositivo y respeta la opción «No rastrear» de tu navegador y su control de privacidad (GPC). Los datos no van a Google ni a ninguna red de publicidad. Por eso no ves ningún aviso de cookies: no hay nada que aceptar, como explica la política de cookies.
Compruébalo tú
- Abre PageSpeed Insights (se abre en una pestaña nueva), escribe www.nantec.es y pulsa «Analizar». Verás la nota en el móvil y en el ordenador.
- Haz lo mismo con la web de tu empresa. Si sale en naranja o en rojo, sobre todo en el móvil, quien la visita lo nota antes que Google.
- Para las cookies, abre las herramientas para desarrolladores de tu navegador (tecla F12) y busca «Aplicación» o «Almacenamiento»: en esta web no aparece ninguna.
PageSpeed Insights mide desde los servidores de Google, así que su resultado puede variar algún punto respecto al mío. Y los datos de visitantes reales que enseña arriba solo aparecen cuando una web tiene visitas suficientes.
Lo que un 100 no hace
Una web rápida y accesible no trae clientes por sí sola: lo que la hace aparecer en Google y convence a quien llega es lo que cuenta. Pero la velocidad sí decide si esa persona se queda a leerlo o se va antes de que cargue, sobre todo en el móvil y con mala cobertura.
¿Quieres una web así para tu empresa?
Hago diseño web en Santander para empresas de toda Cantabria, con este mismo cuidado. Cómo trabajo cada proyecto lo tienes en páginas web para empresas, y si prefieres contármelo directamente, en la página de contacto.