Primero: cómo se mide
Google publica una herramienta gratuita llamada Lighthouse (viene dentro de Chrome y también está en PageSpeed Insights). Analiza tu página como si fuera un visitante con un teléfono de gama media y entrega cuatro notas de 0 a 100:
| Categoría | Qué mide |
|---|---|
| Rendimiento | Cuánto demora en verse y en poder usarse |
| Accesibilidad | Si la puede usar alguien con baja visión o sin mouse |
| Buenas prácticas | Si está bien construida por dentro y es segura |
| SEO | Si los buscadores la entienden |
Dentro de «Rendimiento» viven las Core Web Vitals, tres métricas que Google usa como señal de posicionamiento desde 2021:
- LCP: cuánto demora en aparecer el elemento más grande de la pantalla, normalmente la foto o el título principal. Debería ser menos de 2,5 segundos.
- CLS: cuánto «salta» el contenido mientras carga. Si vas a tocar un botón y se te mueve, eso es CLS malo.
- INP: cuánto tarda la página en responder cuando tocas algo.
Cuánto te cuesta ir lento
Dos costos, ambos reales y medibles:
- Posición en Google. Entre dos páginas con contenido parecido, Google prefiere la rápida. No es una multa: es un desempate que pierdes todos los días.
- Visitas que se van. Más de la mitad de los usuarios abandona una página que tarda más de tres segundos en el celular. Si pagas Google Ads o Meta Ads, estás pagando por clics que nunca llegan a ver tu oferta.
Lo segundo duele más que lo primero. Puedes tener el mejor anuncio de tu rubro y perder la mitad del presupuesto en una pantalla en blanco.
Por qué la mayoría de las webs va lenta
Casi todas las webs hechas con plantillas de WordPress, Wix o constructores de arrastrar y soltar puntúan entre 30 y 60 en móvil. No es mala suerte: es cómo están construidas.
1. Imágenes sin optimizar
Es la causa número uno. Alguien sube la foto tal como salió del teléfono: 4.000 píxeles de ancho y 6 MB. El navegador la baja completa aunque se muestre a 400 píxeles. Una foto bien preparada pesa 60 KB, no 6 MB, y se ve idéntica.
2. Diez plugins que hacen lo mismo
Cada plugin de WordPress carga su propio CSS y su propio JavaScript en todas las páginas, incluso en las que no se usa. Un sitio con veinte plugins puede estar descargando 2 MB de código antes de mostrar la primera letra.
3. Constructores visuales
Elementor, Divi y compañía generan capas y capas de contenedores anidados para lograr lo que en código limpio son tres líneas. El resultado se ve bien y pesa cinco veces más de lo necesario.
4. Fuentes y scripts de terceros
Tipografías cargadas desde servidores externos, chats, píxeles de seguimiento, mapas incrustados, banners de cookies. Cada uno agrega una conexión nueva y bloquea la carga. Un mapa de Google incrustado puede costar más que toda tu página.
5. Hosting compartido barato
Si el servidor tarda un segundo en responder, ya perdiste un segundo antes de que empiece a dibujarse nada. Un sitio estático servido desde una red global responde en milisegundos desde cualquier país.
Cómo se arregla
- Imágenes en formato moderno y en varios tamaños. WebP o AVIF, con una versión por tipo de pantalla. Solo esto suele subir 20 o 30 puntos.
- Cargar primero lo que se ve. El estilo de la primera pantalla va incrustado en el HTML; el resto se carga después. Las imágenes de más abajo se cargan cuando el visitante llega a ellas.
- Reservar el espacio de cada elemento. Si el HTML declara el alto y el ancho de cada imagen, nada salta al cargar y el CLS se va a cero.
- Sacar lo que no se usa. Menos plugins, menos scripts externos, fuentes recortadas a los caracteres del idioma que usas.
- Servir desde una red de distribución. El sitio vive replicado en decenas de países y responde desde el más cercano al visitante.
Un sitio bien construido llega a 100 en las cuatro categorías y no es un logro heroico: es lo que pasa cuando no le sobra nada. Todos los proyectos que entregamos se auditan así antes de salir a producción. Puedes revisarlos en nuestros proyectos: entra a cualquiera y mídelo tú mismo.
Cómo medir la tuya en dos minutos
- Entra a PageSpeed Insights de Google.
- Pega la dirección de tu sitio.
- Mira la pestaña Móvil, no la de escritorio: ahí llega la mayoría de tu tráfico y ahí está el problema.
Si el número está en rojo o naranjo, no necesariamente hay que rehacer el sitio completo. A veces son las imágenes y tres plugins. Otras veces la plantilla no tiene arreglo y sale más barato hacerlo de nuevo bien que seguir parchando.
Preguntas frecuentes
¿100 en Lighthouse me garantiza salir primero en Google?
No. La velocidad es una señal entre muchas: el contenido, los enlaces y la intención de búsqueda pesan más. Pero es la única que depende totalmente de cómo esté construido tu sitio, y es un desempate frente a competidores con contenido parecido.
¿Sirve un plugin de caché?
Ayuda, y en un WordPress existente es lo primero que hay que hacer. Pero la caché guarda el resultado; no reduce el peso del código que igual hay que descargar y ejecutar en el teléfono.
¿Cuánto cuesta arreglarlo?
Depende de si se optimiza lo que hay o se rehace. Mira los rangos reales en cuánto cuesta una página web en Chile.