Piensa en la última vez que buscaste un restaurante desde el móvil. Tocaste un resultado, la página se quedó en blanco y volviste atrás para tocar el siguiente. No lo pensaste dos veces.
Tus clientes hacen lo mismo con tu web.
Tres segundos
En 2016, Google midió cuánto esperan los usuarios en el móvil. Más de la mitad de las visitas, un 53 %, se iban si la página tardaba más de tres segundos en cargar. El estudio tiene años, pero nuestra paciencia no ha crecido desde entonces.
En la Ribeira Sacra hay un detalle más: la cobertura va y viene. Quien busca dónde comer desde una carretera del cañón del Sil no tiene fibra. Tiene una raya de 4G, y cada kilo que pesa tu web se nota.
Google también lo mide
La velocidad no solo espanta a las personas. Google mide cómo cargan las páginas y lo tiene en cuenta al ordenar los resultados. Entre dos webs parecidas, la rápida tiene ventaja.
La medida más importante es cuánto tarda en aparecer lo principal de la página: la foto grande o el primer bloque de texto. Google considera bueno que aparezca en menos de 2,5 segundos.
Mide tu web en dos minutos
- Entra en pagespeed.web.dev.
- Escribe la dirección de tu web y pulsa «Analizar».
- Mira la pestaña «Móvil», no la de ordenador. Es la que importa.
- Fíjate en el número de «Rendimiento». De 90 a 100 sale en verde, de 50 a 89 en naranja y por debajo de 50 en rojo.
Repite la prueba dos o tres veces, porque el resultado cambia un poco cada vez.
Para comparar: las webs que he hecho sacan entre 99 y 100 de rendimiento en móvil. Puedes comprobarlo tú mismo con rizoma.gal.
Por qué tantas webs son lentas
- El servidor monta cada página. Con WordPress, cada visita obliga al servidor a consultar la base de datos y juntar las piezas. Lo expliqué en lo que cuesta de verdad una web.
- Los maquetadores visuales cargan de más. Traen código para todo lo que podrían hacer, no solo para lo que usas.
- Las fotos son enormes. Una foto del móvil sin reducir puede pesar más que el resto de la web junta.
- Cada plugin añade su propio código, aunque solo lo uses en una página.
- El hosting compartido barato es compartido de verdad. Tu web reparte servidor con cientos de webs más.
- La tipografía viene de otro sitio. Muchas webs cargan sus fuentes desde Google Fonts, y el navegador tiene que conectarse a otro servidor antes de poder dibujar el texto.
Me pasó con una de mis propias webs, linguastecidas.es. Sacaba 90 en móvil, y lo principal tardaba 2,9 segundos en aparecer. La causa era una sola fuente que llegaba desde Google Fonts. La subí a la propia web y la nota pasó a 100, con lo principal en pantalla en 1,4 segundos. No cambié nada más de la página.
Qué puedes hacer
Si tu web sale en naranja o en rojo, hay arreglos que no obligan a rehacerla: reducir las fotos, quitar los plugins que no usas, servir las fuentes desde tu propia web y activar una caché.
Si sigue en rojo después de todo eso, el problema suele estar en la base. Ahí una web estática lo cambia de raíz: las páginas ya están hechas, pesan poco y se sirven desde un servidor cerca de quien las visita.
Si quieres, haz la prueba y escríbeme con el resultado. Te digo qué es lo que frena tu web.