Hardik Dewra
2 min read
Cómo afecta la velocidad de carga de una landing page a la conversión
Las páginas lentas pierden visitantes antes de que aparezca el titular. Mide estos tres números de velocidad y aplica los arreglos que los mueven.
La velocidad de carga decide quién ve tu oferta
Toda landing page tiene una cola. Alguien pulsa un anuncio, el navegador empieza a descargar y el visitante espera. En un móvil con un 4G regular, una página pesada puede quedarse en blanco cuatro o cinco segundos. Una buena parte de los visitantes se va antes de que se pinte el titular. Nunca ven la oferta y nunca llegan al botón. Tu copy podría ser excelente y aun así daría igual. Con tráfico de pago, ese clic lo pagas de todas formas. Así que la velocidad de carga de tu landing page decide cuánta gente llega a juzgar todo lo demás que has construido.
Los tres números que merece la pena medir
Google publica tres umbrales y funcionan bien como objetivos. El Largest Contentful Paint debería quedarse por debajo de 2,5 segundos. Suele ser tu imagen de hero o tu titular terminando de pintarse. La Interaction to Next Paint debería quedarse por debajo de 200 milisegundos, para que los toques se sientan instantáneos. El Cumulative Layout Shift debería quedarse por debajo de 0,1, para que el layout se esté quieto mientras alguien lee. Google los mide en el percentil 75 de las visitas reales y separa móvil de escritorio, así que mira los dos. Los datos de campo llegan con semanas de retraso, así que una prueba de laboratorio te confirma hoy si el arreglo funciona.
Lo que hace lenta a una página de verdad
Los mismos culpables aparecen en casi todos los sitios que auditamos. Un vídeo de hero que se reproduce solo y descarga megas antes de que nadie baje. Capturas exportadas a 3000 píxeles de ancho y metidas en un hueco de 600. Cuatro grosores de fuente cargados donde bastaban dos, y cada uno retrasa el pintado del texto. Y luego los añadidos: un chat, un grabador de mapas de calor, dos píxeles de anuncios y un script de tests A/B que bloquea el renderizado mientras elige variante. Cada uno pareció gratis en su momento. Nadie lleva la cuenta del total.
Por dónde empezar esta semana
Empieza por el hero, porque suele ser tu elemento de LCP. Sirve un WebP o un AVIF comprimido, con el tamaño justo para la pantalla, y no le pongas lazy loading. Cambia el vídeo automático por una imagen fija y un botón de play. Reserva altura para imágenes, incrustaciones y banners para que la página mantenga su forma. Luego abre la pestaña de red, ordena por tamaño y borra todos los scripts de terceros que nadie ha revisado en tres meses. Vuelve a probar en un dispositivo real con datos móviles limitados. Casi todas las páginas se vuelven más rápidas cuando quitas cosas.
WeDesignLandingPages.com
A sub-brand of WeDesignBrands.Agency