La web se abre en el portátil de la oficina y se ve bien. Luego un cliente comenta que en su móvil tardó una eternidad, o la abres tú mismo con datos móviles en un aparcamiento y ves cómo el logo se queda solo sobre fondo blanco mientras el resto va llegando. Buscas «mi página web está lenta», lanzas un test de velocidad gratuito y te devuelve una página llena de marcas rojas y jerga que no dice qué hacer en realidad.
Las conclusiones habituales son que hay que subir de hosting o rehacer toda la web. A veces una de las dos es cierta. Más a menudo las causas son pocas, se ven en el navegador que ya tienes, y las baratas van primero. Una web lenta no es solo una molestia: un visitante que ha esperado lo suficiente como para irritarse rara vez rellena un formulario, y es uno de los motivos más silenciosos por los que una web recibe visitas pero no genera solicitudes.
Mi página web está lenta: las causas habituales
Las imágenes son mucho más grandes que el espacio que ocupan. Las fotos pasan directamente de la cámara o del banco de imágenes a la página, con varias veces el ancho del recuadro donde van, y el navegador descarga el archivo entero antes de reducirlo. La señal: la estructura de la página aparece rápido, pero las fotos se van rellenando una a una, y la web va claramente peor en el móvil que en un ordenador con cable.
Demasiados plugins, widgets y scripts. Una web en un CMS o un constructor va acumulando añadidos con los años: un carrusel, un widget de chat, varias etiquetas de analítica, un aviso de cookies, un módulo de reservas que ya nadie usa, un vídeo con reproducción automática en la cabecera. Cada uno carga su propio código antes de que la página se asiente. La señal: la página sigue trabajando mucho después de que el texto sea visible, los botones tardan un momento en responder y la maquetación salta a medida que van llegando piezas.
El servidor tarda en responder. Antes de que aparezca un solo elemento, el navegador espera al servidor. Un hosting compartido barato, un CMS que monta cada página desde cero en cada visita porque la caché está apagada, o una base de datos que ha crecido durante años: todo se manifiesta igual, una pantalla en blanco durante un instante y luego todo de golpe.
El visitante está lejos del servidor. Una web alojada en un país y visitada desde otro pierde tiempo solo por la distancia; en casa parece rápida y fuera parece lenta, y en casa nadie se da cuenta. La señal: las quejas llegan de una región concreta.
Algo en la página bloquea todo lo demás. Una fuente que debe descargarse antes de que se pueda dibujar cualquier texto, un mapa incrustado en todas las páginas, un script que espera a un servicio externo que tiene un mal día. La señal: la web va bien unos días y otros no, o se queda en blanco hasta que aparece un elemento concreto.
Cómo saber cuál es la tuya
Todo lo que sigue se hace con un móvil, un portátil y las herramientas gratuitas que ya trae tu navegador. Ve por orden; la primera comprobación que falla suele ser tu causa.
- Abre la web en un móvil con datos móviles, no con Wi-Fi. Cronometra a ojo con un reloj, desde que tocas el enlace hasta que puedes leer y pulsar, y repite en el portátil. Un móvil que va muchísimo peor apunta a imágenes y scripts pesados.
- Fíjate en qué aparece primero. Recarga y anota el orden. Una pantalla en blanco y luego todo de golpe apunta al servidor; primero el texto y las fotos a cuentagotas apunta a las imágenes; la maquetación saltando y botones que no responden apuntan a los scripts.
- Lanza un test de velocidad gratuito de un gran buscador o fabricante de navegadores e ignora la puntuación. Lee solo la lista de archivos más pesados y las mejoras sugeridas: nombran en palabras claras las imágenes sobredimensionadas, los scripts sin usar y la respuesta lenta del servidor. Prueba una página de servicio, no solo la portada.
- Abre las herramientas de desarrollador del navegador en la pestaña de red, recarga y ordena por tamaño. Si las entradas más grandes son archivos de imagen mucho mayores que la foto visible, ahí está tu respuesta; si la lista tiene decenas de scripts de dominios que no reconoces, cuenta los plugins.
- Haz una lista de cada plugin, widget y etiqueta externa de la web y escribe al lado quién lo usa y para qué. Por nuestra experiencia, la lista es más larga de lo que nadie esperaba, y parte de ella está muerta.
- Revisa el plan de hosting y el ajuste de caché. Entra en el panel del hosting y mira qué pagas y si la caché de página está activada. Si no lo sabes, lo sabe la persona que hizo la web, y la pregunta cabe en un correo.
- Prueba desde tus otros mercados. Pide a un compañero en el extranjero que cronometre la misma página, o usa un test gratuito que permita elegir la ubicación de la prueba.
El arreglo, por orden
Lo más barato primero. Por nuestra experiencia, la mayoría de las webs recuperan casi toda su velocidad en los tres primeros pasos, sin rehacer nada.
- Redimensiona y comprime las imágenes. Exporta las fotos al tamaño que la maquetación usa de verdad, en un formato web moderno, y sustituye los originales; en un CMS, un plugin de optimización de imágenes procesa toda la biblioteca de una pasada. Es el arreglo más común y cuesta una tarde.
- Quita lo que no se usa. Desactiva y elimina cada plugin, widget y etiqueta para los que nadie supo nombrar un usuario, fusiona las etiquetas de analítica duplicadas en una sola, sustituye un mapa incrustado por una imagen estática que enlace al mapa, y carga en diferido todo lo que quede por debajo de la primera pantalla.
- Activa la caché. La caché de página significa que el servidor entrega una copia ya hecha en lugar de montar la página para cada visitante. La mayoría de CMS y proveedores de hosting la ofrecen como ajuste o como plugin.
- Arregla los elementos que bloquean. Carga las fuentes de forma que el texto se muestre de inmediato con una fuente de reserva y se sustituya después, aplaza los scripts que no hacen falta para la primera pantalla y saca cualquier vídeo de la cabecera. Normalmente una hora de desarrollador, no un proyecto.
- Acerca la web al visitante. Una red de distribución de contenidos (CDN) guarda copias de tus archivos estáticos en muchas regiones, así que un visitante de otro país descarga desde cerca. La mayoría de proveedores de hosting y de dominios ofrecen una; si vendes fuera de tu país, esto va en la lista antes que cualquier mejora de hosting.
- Sube de hosting solo cuando esté demostrado que el servidor es lento. Si la espera en blanco sigue ahí con la caché activada, el plan es el cuello de botella. Pásate a un plan que encaje con el tráfico, no al más barato que técnicamente funcione.
- Rehaz las páginas más pesadas, no la web. Si una plantilla arrastra decenas de componentes a cada página, reconstruir las landings clave sobre una estructura más ligera suele bastar. En nuestros proyectos de desarrollo web la velocidad es un criterio de lanzamiento, y este es el paso en el que una página se diseña en torno a lo que tiene que conseguir y no a lo que ofrece la plantilla.
La velocidad también condiciona cómo se encuentra la web: los buscadores miden las mismas esperas que sienten tus visitantes, así que los cambios de arriba forman parte de cualquier trabajo de SEO honesto. Y si la web lleva mucho tiempo lenta, algunas solicitudes se han perdido en silencio; registrar de dónde viene cada solicitud, que es por donde empiezan nuestros proyectos de CRM y analítica, te dice si el arreglo ha cambiado algo.
Qué medir
- Tiempo hasta una página usable en el móvil con datos móviles, cronometrado a mano de la misma forma cada vez, una vez al mes.
- Peso de página y número de peticiones de las landings principales, desde la pestaña de red, antes y después de cada cambio.
- Tiempo de respuesta del servidor que muestra el test de velocidad, la espera antes de que llegue nada, que debería bajar en cuanto la caché esté activada.
- Tasa de rebote y formularios completados en las páginas que has cambiado, en tu analítica, unas semanas después del cambio frente a unas semanas antes.
Dónde entramos nosotros
Un propietario con una tarde libre, una hora de desarrollador y el acceso al hosting puede hacer todo esto. Lo que aportamos es el orden: imágenes y lastre antes que hosting, caché antes que rehacer, y una medición antes y después para que la mejora sea un hecho y no una sensación. Si prefieres delegar el diagnóstico, basta con un brief corto con la dirección de la web y las páginas que más importan para empezar.
