La mayoría de las personas conoce su firma por primera vez desde un celular, a menudo con datos móviles y casi siempre con prisa. Si su sitio web tarda demasiado en aparecer, no esperan. Tocan "atrás" y eligen el siguiente resultado. La velocidad no es un detalle técnico; es la primera impresión.
Lo que dice la investigación
La investigación de Google con SOASTA encontró que el 53% de los visitantes en celulares abandona una página que tarda más de tres segundos en cargar, y que pasar de un tiempo de carga de un segundo a uno de siete aumentaba en un 113% la probabilidad de que el visitante se fuera de inmediato. Esa investigación es de 2017, pero la lección es cada vez más relevante, porque cada vez más primeras visitas ocurren en el celular.
Más recientemente, un estudio encargado por Google y realizado por 55 y Deloitte siguió sitios móviles reales durante 30 días. Una mejora de 0.1 segundos en la velocidad móvil se asoció con un 8.4% más de conversiones en sitios de comercio y un 10.1% en sitios de viajes. En los sitios de captación de clientes, lo más parecido a una firma profesional, un 21.6% más de visitantes llegó a la página de envío del formulario.
Una décima de segundo es más o menos un parpadeo. La mayoría de los sitios lentos puede ganar mucho más que eso.
Cómo mide Google la velocidad
Google usa tres "Core Web Vitals" (métricas web esenciales) para juzgar la experiencia de una página. Para aprobar, una página debe alcanzar estas metas en al menos el 75% de las visitas:
- Largest Contentful Paint: 2.5 segundos o menos. Cuánto tarda en aparecer el contenido principal, normalmente su titular o la imagen de portada.
- Interaction to Next Paint: 200 milisegundos o menos. Qué tan rápido responde la página cuando alguien toca o hace clic.
- Cumulative Layout Shift: 0.1 o menos. Cuánto se mueve la página mientras carga. A nadie le gusta tocar un botón que se desplaza.
Por qué los sitios con plantilla suelen ser tan lentos
Las plantillas y los creadores de páginas están diseñados para hacerlo todo para todos. Esa flexibilidad tiene un costo:
- Código para funciones que no usa. Carruseles, animaciones, funciones de tienda y bibliotecas de widgets se cargan aunque su página no los use.
- Plugins sobre plugins. Cada uno agrega sus propios scripts y estilos, y casi nunca se coordinan entre sí.
- Imágenes demasiado grandes. Una foto subida directamente desde la cámara puede pesar muchas veces más de lo necesario para la pantalla de un celular.
- Extras de terceros. Widgets de chat, feeds de redes sociales, insignias de reseñas y etiquetas de seguimiento agregan, cada uno, solicitudes a otros servidores.
- Demasiadas tipografías. Cada grosor y estilo es otra descarga antes de que su texto se vea bien.
Las mejoras que más importan
- Redimensione y comprima las imágenes. Use formatos modernos como WebP o AVIF, al tamaño en que realmente se muestran. Esto por sí solo suele marcar la mayor diferencia.
- Quite lo que no usa. Desinstale los plugins y scripts que no se ganan su lugar. Revise también las etiquetas de seguimiento.
- Cargue primero lo importante. Su titular y su imagen principal deben aparecer antes que todo lo que está más abajo. Cargue el resto de forma diferida.
- Use menos tipografías, alojadas en su propio sitio. Dos familias en unos cuantos grosores son más que suficientes para un sitio profesional.
- Use una red global. Una red de distribución de contenido (CDN) sirve su sitio desde una ubicación cercana a cada visitante, con una caché bien configurada.
- Deje los extras para después. Los widgets de chat y el contenido incrustado de redes sociales pueden cargarse cuando la página ya se puede usar, o solo cuando alguien los pide.
¿Optimizarlo o reconstruirlo?
Si su sitio está bien construido pero se ha vuelto pesado, una optimización puede ponerlo en forma en unos días. Si el problema es la plantilla misma, optimizar solo llega hasta cierto punto, y el tiempo que pasa luchando contra ella se acumula. Un sitio ligero y programado a mano empieza rápido y sigue rápido, porque solo contiene lo que su firma necesita.
Construimos cada sitio de Veritect según las metas de Core Web Vitals de Google, y hacemos pruebas en celulares reales antes del lanzamiento. Si quiere saber cómo está su sitio actual, nuestra revisión gratuita de su sitio web incluye un análisis de velocidad con las mejoras ordenadas por impacto.