Tu web tarda seis segundos en cargar y por eso no te llaman

Alguien con un perro que cojea busca en el móvil, entra en tu web y espera. Uno, dos, tres segundos. A los cuatro, vuelve atrás y entra en la de al lado. No ha visto tu equipo, ni tus servicios, ni tu teléfono. Ha perdido esa cita por un motivo puramente técnico.

Lo incómodo de este problema es que no se ve desde dentro. Tú entras en tu web desde el ordenador de recepción, con la página ya guardada en la memoria del navegador, y te carga al instante. El cliente entra desde la calle, con cobertura regular y un móvil de hace tres años. No estáis viendo la misma web.

Las tres causas de siempre

En las auditorías que hacemos, el problema casi nunca es exótico. En Bichilab estamos especializados en clínicas veterinarias y nos ocupamos de que la web cargue rápido; el diagnóstico se repite con una monotonía casi aburrida.

• Imágenes sin optimizar. Fotos de 4.000 píxeles de ancho subidas tal cual desde el móvil, para mostrarse en un espacio de 600. Es, con diferencia, la causa número uno.
• Demasiados plugins. Cada uno carga sus propios archivos. Webs con treinta plugins activos de los que se usan seis.
• Hosting compartido barato. El servidor tarda un segundo largo solo en empezar a responder.

Hay una cuarta causa menos frecuente pero muy cara: la plantilla. Algunas plantillas genéricas cargan seis fuentes tipográficas, animaciones y un carrusel a pantalla completa antes de mostrar una sola línea de texto. Si tu web se montó a partir de una demo comprada y nunca se limpió, arrastra peso que nadie usa.

Mide antes de tocar nada

Usa PageSpeed Insights con tu web y mira específicamente la pestaña de móvil, no la de escritorio. Casi todas las visitas de una clínica vienen del teléfono. Fíjate sobre todo en el tiempo hasta que se ve el contenido principal.

Ese dato tiene nombre: LCP, o Largest Contentful Paint. Google considera buena una web que lo resuelve por debajo de 2,5 segundos, y mejorable a partir de ahí. Hay otras dos métricas del mismo grupo que conviene conocer: INP, que mide cuánto tarda la página en reaccionar cuando alguien pulsa algo, con el umbral bueno por debajo de 200 milisegundos, y CLS, que mide si el contenido baila mientras carga, con el umbral en 0,1. El CLS alto es el responsable de que un cliente pulse «Contacto» y acabe abriendo otra cosa porque el menú se ha movido un instante antes.

Haz la medición de tres páginas, no solo de la portada: la portada, la página de servicios o urgencias y la de contacto. Suelen tener problemas distintos. Y guarda una captura de los resultados antes de tocar nada, porque en dos semanas nadie recuerda de dónde partías.

Qué se arregla en una tarde

Comprimir y redimensionar las imágenes existentes, activar carga diferida, desactivar los plugins que no se usan y activar una caché. Con eso, la mayoría de webs veterinarias pasan de seis segundos a menos de dos.

Imágenes: el orden correcto

Primero redimensiona, después comprime. Comprimir una foto de 4.000 píxeles la deja siendo una foto de 4.000 píxeles, solo que más fea. El ancho que necesitas casi nunca pasa de 1.600 píxeles para una imagen a pantalla completa, y 800 sobra para una foto de equipo dentro de una columna. Después pasa las fotos a formato WebP, que pesa bastante menos que un JPG a calidad equivalente.

Revisa también el logo y los iconos. Es habitual encontrar logos en PNG de un megabyte cargándose en todas las páginas del sitio. Y ojo con el favicon y las imágenes del pie: se cargan siempre, en todas las visitas.

Plugins: la lista de los tres montones

Haz tres montones. Los que usas y funcionan, los que instalaste para probar y nunca quitaste, y los que dan un servicio que ya te da otra cosa. El segundo montón se desactiva y se borra el mismo día. El tercero se decide: si tienes dos plugins de formularios, quédate con uno. Desactivar no basta si el plugin sigue instalado y desactualizado, porque además es un riesgo de seguridad.

Antes de borrar nada, haz una copia de seguridad completa y hazla en un momento de poco tráfico. Un martes a las diez de la noche, no un lunes a las once de la mañana.

Caché y hosting

La caché guarda una versión ya montada de cada página para no volver a construirla en cada visita. Es la mejora más barata que existe. Si tu web está en WordPress, cualquier plugin de caché serio hace el trabajo sin configuración avanzada.

El hosting es la decisión que más gente pospone porque suena a mudanza. Si tu servidor tarda más de 600 milisegundos en responder al primer byte, ninguna optimización de imágenes lo va a compensar. La diferencia entre un compartido barato y uno decente son unos pocos euros al mes, y afecta a todas las páginas a la vez.

Lo que nadie mira y decide llamadas

El teléfono. En móvil debe estar visible sin hacer scroll y debe ser pulsable para llamar directamente. Parece obvio y es lo que más veces encontramos mal: números escritos como texto plano dentro de una imagen, imposibles de pulsar.

Coge tu propio móvil y haz la prueba ahora. Abre tu web, no la toques, y mira qué se ve en la primera pantalla. Deberías ver el nombre de la clínica, el teléfono pulsable y, si atiendes urgencias, alguna señal de que existen. Si lo primero que aparece es un carrusel de fotos de cachorros y hay que bajar tres pantallas hasta el contacto, ahí tienes trabajo.

Comprueba también que la dirección abre el mapa al pulsarla, que el botón de WhatsApp funciona desde el móvil y que el diseño de la web se adapta bien a pantallas pequeñas sin obligar a hacer zoom para leer.

Errores frecuentes al intentar arreglarlo

• Instalar tres plugins de optimización a la vez. Se pisan entre ellos y acaban rompiendo la maquetación. Uno, bien configurado.
• Activar la minificación de código y no revisar el resultado. Suele romper formularios o menús. Revisa la web entera después de activarla.
• Optimizar solo la portada. La gente entra por muchas páginas, sobre todo desde búsquedas concretas.
• No volver a medir. Si no repites la prueba, no sabes si has mejorado o has empeorado.

Cada cuánto revisar

Una revisión cada tres meses basta. Vuelve a pasar PageSpeed en móvil, mira si han entrado plugins nuevos y revisa las imágenes que se hayan subido desde la última vez, que suele ser por donde se cuela el peso. Si además tienes la analítica bien montada, podrás ver si la gente se marcha antes de que la página termine de cargar, que es la señal más clara de todas.

Si prefieres no meterte tú en esto, hacemos auditorías de velocidad para clínicas veterinarias y te decimos, con nombres y apellidos, qué está frenando tu web y qué merece la pena tocar. Puedes escribirnos y lo miramos.