Página web lenta y nadie llena el formulario: cómo se corrige

Tienes la página publicada, quizás pagas anuncios todos los días, y el formulario casi no se llena. Abres tu página en el celular, con datos móviles, y pasan varios segundos antes de ver algo. Muchos visitantes no esperan esos segundos. Se van antes de ver el formulario, y nadie te avisa que se fueron.

Qué hacer si tu página web es lenta y nadie llena el formulario

Si tu página web es lenta y nadie llena el formulario, mide primero la velocidad en el celular con PageSpeed Insights. Después corrige en orden lo que más tiempo le quita a la carga: las imágenes, el código que sobra, los complementos y las redirecciones. Luego llena el formulario tú mismo desde el celular, hasta confirmar que el mensaje llega. Al final vuelve a medir y compara cuántos formularios recibes antes y después del cambio.

Una página lenta pierde al cliente antes de que vea el formulario. Por eso la velocidad no se arregla una vez y se olvida. Se mide, se corrige en orden y se vuelve a medir. La velocidad es una de las razones por las que una página no trae clientes, y las demás las explicamos en por qué una página web nueva no trae clientes.

La velocidad de carga de tu web le da una mejor experiencia a quien la visita y también ayuda al posicionamiento SEO de tu sitio.

Por eso quien desarrolla tu página debe dedicarle tiempo a optimizar la velocidad. A continuación vas a ver cómo se mide la velocidad de carga web, qué se corrige primero, cómo se revisa el formulario y cómo hacer seguimiento a los resultados de cada cambio.

Toma nota. Cada mejora de velocidad le sirve a tu posicionamiento SEO y a los visitantes que ya están llegando a tu página.

¿Por qué es importante la velocidad de carga web en SEO?

Google usa la velocidad de carga web como factor de clasificación desde 2010, cuando lo anunció para las búsquedas en computador. En julio de 2018 la velocidad empezó a contar también en las búsquedas desde el celular, como Google lo había anunciado en enero de ese año.

La decisión tiene una explicación sencilla. Las personas le dedican menos tiempo a las páginas que tardan en cargar. Un buscador que quiere dar buenas respuestas prefiere mostrar páginas que se abren rápido, y por eso la velocidad hace parte del posicionamiento web de tu sitio.

Entonces, si quieres que tu sitio aparezca más alto en los resultados de búsqueda, acelera la velocidad de carga web. La velocidad no reemplaza el contenido. Google aclara que una página lenta puede seguir apareciendo arriba si su contenido es el que mejor responde la búsqueda.

Una página web que carga rápido hace que los visitantes sigan navegando. Una página que tarda varios segundos en mostrar algo los manda de vuelta al buscador, y muchas veces a la página de tu competencia.

La velocidad también se nota en las ventas. En 2020, Google y la consultora Deloitte analizaron durante cuatro semanas los sitios móviles de 37 marcas de Europa y Estados Unidos, en el estudio Milliseconds Make Millions. Cuando el sitio móvil cargó una décima de segundo más rápido, las conversiones subieron 8,4 % en las tiendas en línea y 10,1 % en los sitios de viajes. En las tiendas en línea, el valor promedio de cada pedido subió 9,2 %.

El estudio también midió páginas informativas de empresas que buscan contactos. En esas páginas, la tasa de rebote mejoró 8,3 %. La tasa de rebote es la proporción de visitantes que se van sin hacer nada más en el sitio. Las marcas del estudio son de Europa y Estados Unidos, así que la cifra exacta para tu sitio sale de medir antes y después de cada cambio.

Fuente: Google y Deloitte, Milliseconds Make Millions (2020), 37 marcas de Europa y Estados Unidos medidas durante cuatro semanas. Una décima de segundo menos de carga movió las ventas en las tiendas y en los sitios de viajes.

Cómo se mide la velocidad de carga web

Mide en el celular. El celular procesa el código más despacio que un computador y muchas veces navega con datos móviles, así que ahí es donde una página pesada más se demora.

Google resume la experiencia de carga en tres medidas, llamadas Core Web Vitals. Cada una tiene un valor que Google considera bueno:

• Carga del contenido principal (LCP): cuánto tarda en aparecer el elemento más grande de la pantalla, que casi siempre es la foto o el título principal. El valor bueno es 2,5 segundos o menos.
• Respuesta al tocar (INP): cuánto tarda la página en reaccionar cuando alguien toca un botón o escribe en un campo. El valor bueno es 200 milisegundos o menos. Desde marzo de 2024 esta medida reemplaza a la anterior, llamada FID.
• Estabilidad visual (CLS): cuánto se mueve el contenido mientras la página carga. Cuando el contenido salta, la persona termina tocando un botón que no quería. El valor bueno es 0,1 o menos.

Una página pasa la prueba cuando el 75 % de sus visitas cumple esos tres valores. Si quieres entender cada medida a fondo, la explicamos en el algoritmo de Google y los Core Web Vitals.

PageSpeed Insights muestra dos tipos de datos. Los datos de usuarios reales salen de las visitas que hicieron personas con Chrome durante los últimos 28 días, y solo aparecen si tu página tiene suficientes visitas. Los datos de laboratorio salen de una prueba que la herramienta hace en ese momento. Para saber cómo está tu página, mandan los datos de usuarios reales. Para saber qué corregir, sirve el detalle de la prueba de laboratorio.

Anota los resultados antes de tocar nada. Sin esa medición inicial no vas a poder demostrar que el cambio sirvió.

Herramientas que miden la velocidad de carga web

Revisar la velocidad de carga web cada cierto tiempo te ayuda a mantener tu sitio optimizado. Estas tres herramientas tienen una prueba gratuita y sirven para hacer ese seguimiento.

GTMetrix

Esta herramienta para probar la velocidad de carga web funciona de manera parecida a otras del mismo tipo. Pero GTmetrix tiene en cuenta factores un poco diferentes.

GTmetrix muestra en una línea de tiempo cada etapa de la carga. Las etapas son el tiempo hasta el primer byte, el primer momento en que algo aparece en pantalla, el primer contenido visible, el momento en que la página ya responde, el momento en que el contenido terminó de leerse y el tiempo de carga completo.

Con esa línea de tiempo puedes saber qué tipo de optimización necesita tu sitio para que su carga sea más rápida.

Google PageSpeed Insights

Esta es la herramienta básica de Google para medir la velocidad de carga web en computador y en celular.

Solo tienes que escribir la dirección de la página que quieres revisar, y PageSpeed Insights te entrega un informe. El informe indica el tiempo de carga de tu página, el resultado de las tres medidas de Core Web Vitals y lo que conviene mejorar.

Pingdom tools

A primera vista, Pingdom parece una herramienta sencilla, porque su prueba de velocidad gratuita es básica. En su versión paga suma otras funciones, como el monitoreo continuo de tu sitio.

Qué se corrige primero en una página web lenta

Corrige primero lo que más tiempo le quita a la carga. Este es un orden práctico para el sitio de una empresa:

1. Las imágenes de la parte de arriba de la página. La foto principal suele ser el elemento que mide el LCP. Comprímela, súbela al tamaño en que se muestra y usa un formato moderno como WebP. Los detalles están en nuestros cinco consejos para optimizar tus imágenes.
2. Los complementos y el código que no se usan. Cada complemento de WordPress y cada servicio externo, como el chat, los mapas o los botones de redes, suma código que el navegador descarga. Desactiva lo que no uses y carga lo demás solo en las páginas que lo necesitan. Los códigos de medición de Google y de Meta se conservan, porque sin ellos no sabes de dónde llegan tus clientes.
3. El servidor y la caché. Si el servidor tarda en responder, las demás correcciones no alcanzan a compensar esa espera. La caché del sitio y una red de distribución de contenido reducen el tiempo de respuesta del servidor.
4. Las redirecciones que sobran. Cada salto de una dirección a otra le suma espera a la carga, sobre todo en los enlaces de tus anuncios.

Después de cada cambio, vuelve a medir la misma página. Así sabes cuál cambio movió el resultado. Muchas de estas correcciones se hacen sin rehacer el sitio, así que pruébalas antes de pensar en un diseño nuevo.

Consejos para mejorar la velocidad de carga web

Acelerar la velocidad de carga web requiere conocer algunos elementos clave y seguir pasos concretos. Varias herramientas facilitan el trabajo, incluso para quien no es desarrollador.

Reducir el tamaño de los archivos y minimizar el código ayudan a cumplir ese objetivo. Herramientas como UglifyJS o CSSNano minimizan el código JavaScript y CSS de tu sitio.

Minimizar el código tiene el mismo efecto que comprimir archivos. El navegador descarga menos datos, y eso se traduce en tiempos de carga más cortos. Estas herramientas también eliminan lo que el navegador no necesita, como espacios, código sin usar y comentarios dentro del código.

Si esperas que tus visitantes regresen, activa la caché del navegador. Con la caché, el navegador guarda una copia de los archivos del sitio, como las imágenes, los archivos JavaScript y las hojas de estilo.

De esa manera, cuando un visitante regresa a tu página, su navegador no descarga de nuevo cada imagen. La toma de la copia guardada. Para saber cuánto tiempo dura esa copia en tu sitio, revisa la recomendación sobre caché en el informe de PageSpeed Insights o de GTmetrix, y pídele a quien maneja tu sitio que la configure por un periodo más largo.

Otros métodos para acelerar la velocidad de carga web

Otra forma de acelerar la velocidad de carga web es reducir las redirecciones. Cada redirección obliga al navegador a hacer una petición más antes de mostrar la página, y tu visitante espera ese tiempo adicional. Revisa el camino de tus enlaces y quita las redirecciones innecesarias. Revisa en especial los enlaces de tus anuncios, que deben llevar directo a la página final.

También puedes optimizar la entrega de tu contenido para reducir el tiempo de carga. Por ejemplo, una red de distribución de contenido, conocida como CDN, reparte la entrega de tu sitio entre varios servidores.

Con una CDN, los visitantes de tu sitio reciben el contenido más rápido y de forma más confiable. La diferencia se nota sobre todo cuando el visitante está lejos del lugar donde está el servidor de tu sitio.

Y no olvides optimizar las imágenes. Asegúrate de que tengan el formato de archivo correcto, que no sean más grandes de lo necesario y que estén comprimidas para la web.

El formulario: que cargue rápido y que se pueda llenar en el celular

La página puede cargar rápido y el formulario seguir vacío. El formulario tiene su propia velocidad y sus propias fallas, así que se revisa aparte.

Abre tu página en el celular, con datos móviles, y llena el formulario como si fueras un cliente. Revisa cuatro puntos:

• Que el formulario aparezca rápido. Muchos formularios se cargan con un complemento o desde otra plataforma, y aparecen varios segundos después que el resto de la página.
• Que responda al tocar. Si un campo o el botón de enviar tarda en reaccionar, la persona cree que el formulario no funcionó. Esa espera es la que mide el INP de las Core Web Vitals.
• Que pida solo los datos necesarios para responderte. Cada campo de más es otra razón para dejar el formulario sin terminar.
• Que el mensaje llegue. Envía una prueba y confirma que llegó al correo o al sistema donde tu equipo atiende a los clientes. Repite la prueba cada mes.

Si la gente llega a tu página desde anuncios, revisa también que el anuncio lleve a una página que continúe lo que prometió. Te explicamos cómo armarla en siete pasos para crear una página de aterrizaje efectiva.

En una tienda en línea, la revisión es la misma con el carrito y el pago. Haz una compra de prueba desde tu celular y fíjate cuánto tarda cada paso, desde agregar el producto hasta la confirmación del pago.

Un último dato

Es muy difícil que todo salga perfecto en las pruebas de estas herramientas. La buena noticia es que una página no necesita un puntaje perfecto para cargar más rápido. Si el puntaje no es el mejor, no te alarmes.

Usa la información de los informes y pásala a quien programa tu sitio, para que sepa dónde puede optimizar. Lo que sí debes asegurar es que la página cargue rápido de verdad en el celular y que las tres medidas de Core Web Vitals estén en verde, aunque el puntaje general no llegue a 100.

Mantente al tanto de la velocidad de carga web

La velocidad de carga web afecta todo, desde la experiencia del visitante hasta la posición de tu sitio en los buscadores. También afecta las conversiones, como muestran las cifras del estudio de Google y Deloitte.

La velocidad cambia con el tiempo. Cada foto nueva, cada complemento y cada cambio de diseño puede volver a hacer lenta tu página. Mide de nuevo una vez al mes y cada vez que hagas un cambio grande en el sitio.

Compara cada medición con la inicial y con los formularios que recibes. Si la página carga más rápido y llegan más formularios, el cambio funcionó. Si la página carga más rápido y los formularios siguen sin llegar, el siguiente paso es revisar el mensaje de la página y la forma de contacto.

Cómo lo hacemos en Statum Digital

Una página rápida se abre en pocos segundos en el celular, muestra el formulario sin esperas y recibe los mensajes de los clientes que ya estaban interesados. Para llegar ahí, medimos la página antes de tocarla, corregimos en orden lo que más tiempo le quita a la carga y volvemos a medir para mostrarte el cambio.

En nuestro servicio de diseño y desarrollo web, la velocidad hace parte del diseño desde el comienzo. Decidimos qué entra en cada página, cómo se cargan las imágenes y qué complementos hacen falta, para que tu sitio cargue rápido en el celular y esté listo para vender.

Si tu página tarda en cargar y los formularios no llegan, agenda un diagnóstico de tu página y te proponemos el plan para que cargue rápido y te traiga más contactos y ventas.

¡Compártelo si te gusta! :)

Preguntas frecuentes

¿Cuánto debe tardar en cargar una página web?

Google considera buena una página cuyo contenido principal aparece en 2,5 segundos o menos, que responde a un toque en 200 milisegundos o menos y cuyo contenido no se mueve mientras carga. Esas tres medidas se revisan en el celular con PageSpeed Insights.

¿Una página web lenta afecta el SEO?

Sí. Google usa la velocidad como factor de clasificación desde 2010 en las búsquedas en computador y desde 2018 en las búsquedas desde el celular. El contenido sigue pesando más, y una página lenta con la mejor respuesta puede seguir apareciendo arriba. Mejorar la velocidad le sirve al posicionamiento y a los visitantes que ya llegan a tu página.

¿Por qué mi página carga rápido en el computador y lenta en el celular?

El celular procesa el código más despacio que un computador y muchas veces navega con datos móviles. Las imágenes pesadas y el código que sobra se notan mucho más en el celular. Por eso la medición que manda es la del celular.

¿Tengo que rehacer mi sitio para que cargue rápido?

No siempre. Muchas veces basta con comprimir las imágenes, quitar los complementos que no se usan, activar la caché y quitar las redirecciones que sobran. Si después de esas correcciones las medidas siguen en rojo, toca revisar la plantilla o la plataforma del sitio.

¿Cómo sé si la página lenta es la razón por la que no llegan formularios?

Mide la velocidad en el celular y llena el formulario tú mismo. Si la página tarda varios segundos en mostrar el contenido principal, corrige la velocidad primero y compara cuántos formularios llegan antes y después. Si la página carga rápido y los formularios siguen sin llegar, revisa el mensaje de la página y la forma de contacto.