Qué es el PageSpeed y por qué debería ser 100/100

Cuando le enseñas tu web a un cliente potencial, lo primero que ve es el diseño. Cuando Google la analiza, lo primero que mide es la velocidad. Y la nota que le pone tiene un nombre concreto: PageSpeed.

PageSpeed es el sistema de puntuación oficial de Google para el rendimiento web. Va del 0 al 100, mide móvil y escritorio por separado, y es gratuito: puedes probar tu web ahora mismo en pagespeed.web.dev. Si la puntuación es inferior a 90, tienes un problema. Si está por debajo de 50, estás perdiendo clientes cada día sin saberlo.

1. Qué mide realmente PageSpeed

PageSpeed no es una sola métrica. Es el resultado de analizar tu web con decenas de parámetros técnicos y resumirlos en una nota global. Los tres más importantes son los Core Web Vitals, que Google convirtió en factor SEO oficial en junio de 2021.

LCP (Largest Contentful Paint): cuánto tarda en aparecer el elemento más grande de la página, normalmente la imagen principal o el título. El objetivo es por debajo de 2,5 segundos. Si tarda más de 4 segundos, la web se considera lenta.

INP (Interaction to Next Paint): cuánto tarda la página en responder cuando un usuario interactúa con ella (hace clic, escribe, hace scroll). El objetivo es por debajo de 200 milisegundos. Si tarda más de 500 ms, la experiencia se percibe como “lenta e inestable”.

CLS (Cumulative Layout Shift): cuánto se mueven los elementos de la página mientras carga. Cuando estás a punto de pulsar un botón y de repente se desplaza porque una imagen ha aparecido tarde, eso es CLS. El objetivo es por debajo de 0,1.

Además de los Core Web Vitals, PageSpeed mide otros factores: tiempo hasta el primer byte, tamaño total de la página, número de peticiones, uso de JavaScript, optimización de imágenes, fuentes personalizadas y caché.

2. Por qué Google penaliza las webs lentas

Google tiene un objetivo muy simple: ofrecer resultados que los usuarios quieran clicar y que carguen rápido. Si envía gente a una web que tarda 8 segundos en cargar, el usuario pulsa atrás y prueba otro resultado. Eso le hace perder confianza al motor de búsqueda. Para evitarlo, Google posiciona mejor las webs rápidas.

Los datos lo demuestran: según un estudio de Google, las webs con 1 segundo de carga tienen una tasa de rebote del 9%. Con 5 segundos de carga, la tasa de rebote sube al 38%. El 53% de los usuarios móviles abandonan una página si tarda más de 3 segundos en aparecer.

Y no es solo un tema de tráfico. La velocidad afecta directamente a las ventas. Walmart calculó que cada 100 milisegundos de mejora en el tiempo de carga aumentaban sus ventas un 1%. Amazon llegó a una conclusión similar: 100 ms = 1% más de ventas.

A escala de pyme, los números también son claros: una web con PageSpeed 50 pierde entre un 20% y un 40% de conversiones respecto a una web con PageSpeed 95. Si recibes 1.000 visitas mensuales y una sola contratación vale 500 EUR, perder el 30% de las conversiones por culpa de la lentitud son decenas de miles de euros al año.

3. Por qué la mayoría de webs no llegan a 90

Si mides la web de tu negocio ahora mismo con pagespeed.web.dev, es probable que la puntuación móvil esté por debajo de 50. No es culpa tuya, es una consecuencia previsible de cómo se han construido la mayoría de webs en los últimos 10 años.

Causa #1: WordPress con demasiados plugins. Cada plugin añade código JavaScript y CSS a tu web. 30 plugins pueden añadir fácilmente 2 MB de código que se carga cada vez que alguien abre una página. Plugins pesados como Elementor o WPBakery pueden añadir 5 MB ellos solos.

Causa #2: Imágenes sin optimizar. Una foto hecha con el móvil pesa entre 3 y 8 MB. Si la subes directamente a la web sin optimizar, cada visitante tiene que descargar esos megas. Multiplica por 10 imágenes por página y tienes una web prácticamente inutilizable desde el móvil.

Causa #3: Scripts de terceros. Google Analytics, Facebook Pixel, chat en vivo, mapas de Google Maps, vídeos incrustados. Cada script de terceros añade retraso. Una web con 8 scripts externos puede tardar 2 segundos solo en cargarlos.

Causa #4: Hosting compartido barato. Si pagas 5 EUR al mes por tu hosting, compartes servidor con 200 webs más. Cuando una de ellas tiene mucho tráfico, la tuya se ralentiza. El servidor nunca responde rápido.

Causa #5: Ausencia de caché y CDN. Sin caché, cada visita fuerza al servidor a generar la página desde cero. Sin CDN, los usuarios en Mallorca o Madrid descargan tus archivos desde un servidor en Cataluña, añadiendo milisegundos por cada elemento.

4. Qué hace falta para llegar a 100/100

Llegar a 100/100 no es imposible: es una cuestión de arquitectura. Estas son las 6 decisiones técnicas que lo hacen posible:

1. Páginas estáticas pre-generadas. En lugar de generar cada página en el servidor cada vez que alguien la pide, generas todas las páginas una vez en el momento de publicar. El servidor solo envía HTML puro, sin ejecutar nada. Astro, el framework que usamos en serpixel, funciona así.

2. Imágenes en formato WebP o AVIF. WebP reduce el peso de las imágenes entre un 25% y un 35% respecto a JPG, sin pérdida de calidad visible. AVIF reduce aún más (hasta el 50%). Cada imagen debe tener versión móvil y versión escritorio, con tamaños exactos.

3. JavaScript mínimo, solo donde haga falta. Una página de inicio no necesita JavaScript para cargar. El menú, los botones, los formularios: todo puede funcionar con HTML y CSS puro. Solo hay que añadir JavaScript cuando hay interactividad real (un mapa, un chat).

4. Fuentes personalizadas con font-display: swap. Si usas Google Fonts o tipografías propias, deben cargarse de forma no bloqueante. Eso significa que el texto se renderiza primero con una fuente del sistema y después cambia a la tuya cuando está descargada, sin bloquear la carga.

5. CDN global. Vercel, Cloudflare y Netlify distribuyen tus archivos en cientos de servidores por todo el mundo. Cuando alguien visita tu web desde Berlín, descarga los archivos desde el servidor más cercano, no desde un servidor en Cataluña.

6. Eliminación total de plugins de terceros innecesarios. Cada chat en vivo, cada widget de testimonios, cada banner de cookies pesado, baja la puntuación. Hay alternativas ligeras para todo.

5. Cómo medir el PageSpeed correctamente

Hay tres lugares donde puedes medir el rendimiento de tu web. Todos son gratuitos, pero te darán resultados ligeramente diferentes.

pagespeed.web.dev es la herramienta oficial de Google. Mide móvil y escritorio por separado, muestra los Core Web Vitals y te da una lista de problemas con sugerencias concretas. Es la opción más fiable para un primer diagnóstico.

Lighthouse es una herramienta integrada en el navegador Chrome (clic derecho > Inspeccionar > Lighthouse). Te permite ejecutar auditorías desde tu propio ordenador. Útil cuando quieres probar cambios en local antes de publicarlos.

GTmetrix es una alternativa con informes más visuales e historial de mediciones. Útil para hacer seguimiento de la evolución de la web a lo largo del tiempo.

Importante: la puntuación móvil es la que importa. Google indexa primero la versión móvil de tu web (mobile-first indexing) y hay más usuarios navegando desde el móvil que desde el escritorio. Si tu puntuación móvil es 40 y la de escritorio 95, tienes un problema grave.

6. Qué pasa si tienes una puntuación baja

No todo el mundo tiene que tener 100. Pero hay umbrales que te marcan el riesgo:

Si tu puntuación es inferior a 70, no es un problema cosmético: es un problema de negocio. Cada mes que pasa, pierdes tráfico, pierdes conversiones y pierdes posiciones.

El compromiso de serpixel: 100/100 garantizado

En serpixel diseñamos todas nuestras webs con Astro, un framework diseñado desde el primer día para la velocidad. Generamos páginas estáticas, optimizamos todas las imágenes automáticamente a WebP, eliminamos JavaScript innecesario y usamos Vercel como CDN global.

Resultado: todas las webs serpixel mantienen 100/100 de PageSpeed móvil y escritorio desde el primer día. No es casualidad, es una consecuencia directa de la tecnología que utilizamos.

Y no solo llegamos a 100/100 al lanzamiento. Cada mes, como parte del mantenimiento integrado, medimos la puntuación de cada cliente y actuamos si baja por cualquier motivo (una imagen nueva mal optimizada, un script añadido por error). El 100/100 no es un estado puntual, es un compromiso continuo.

¿Quieres saber qué PageSpeed tiene tu web ahora mismo? Pídenos una auditoría gratuita y te enviamos un informe con la puntuación real, los problemas concretos que tienes y cómo solucionarlos.