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, la forma útil de mirarlo es hacer el cálculo con tus propios números: coge las visitas mensuales, tu tasa de conversión actual y el valor medio de un cliente. Si la lentitud te está costando un tercio de las conversiones, esa cifra es lo que te cuesta cada mes no arreglarlo. En la mayoría de negocios sale más cara que el trabajo de corregirlo.

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, todos los usuarios descargan tus archivos desde un único servidor, añadiendo milisegundos por cada elemento según la distancia.

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 con el que construimos las webs, 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 el otro extremo del continente.

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.

Cómo lo planteamos nosotros

En serpixel construimos las webs con Astro, un framework pensado desde el primer día para la velocidad. Generamos páginas estáticas, optimizamos las imágenes a WebP, dejamos el JavaScript en el mínimo imprescindible y lo servimos todo desde un CDN global.

Esto no es un truco de puntuación: es lo que hace que la nota alta sea el estado normal de la web en lugar de un hito puntual que se desinfla a los tres meses. Ninguna arquitectura garantiza un número, porque la puntuación depende también de lo que le añadas después (un script de marketing, un vídeo incrustado, una imagen subida sin optimizar). Lo que sí se puede hacer es medirlo de forma regular y corregirlo cuando baja, con la cadencia que se acuerde.

Si quieres saber qué PageSpeed tiene tu web ahora mismo, empieza por ti: pásala por pagespeed.web.dev, mira la puntuación móvil y apunta los tres problemas que salgan arriba del todo.

Si el número no te gusta y quieres entender qué costaría arreglarlo de verdad, hablémoslo en 30 minutos. Repasamos el informe juntos y te decimos si es cuestión de retoques o si el problema es la arquitectura.