Página web rápida y cómoda en el celular
Qué hace que una página web sea rápida y cómoda en el celular: imágenes, diseño, botones, textos y estabilidad. Una guía práctica para negocios.
Lo esencial
- Diseña primero para el celular: es donde está la mayoría de tus clientes.
- Optimiza imágenes y elimina lo que no aporta: cada archivo cuenta.
- Botones grandes, texto legible y contacto a un toque.
- Evita que el contenido salte mientras carga y que aparezcan ventanas que estorben.
Primero el celular
Muchas páginas se diseñan en una pantalla grande y luego se adaptan al celular como se puede. El resultado son textos cortados, botones diminutos, imágenes que no caben y menús imposibles. Lo correcto es pensar primero en la pantalla pequeña, donde está la mayoría de tus visitantes, y después ampliar para escritorio.
Google también evalúa principalmente la versión para celular de tu sitio.
Imágenes que no pesen
Las imágenes son la causa más frecuente de lentitud. Una foto tomada con un celular moderno puede pesar varias veces más de lo que la página necesita. La solución es redimensionarlas, usar formatos modernos y servir a cada pantalla el tamaño que necesita, además de cargar las imágenes de abajo solo cuando el usuario se acerca a ellas.
Bien hecho, se ven igual de nítidas y cargan en una fracción del tiempo.
Menos es más
Cada elemento que agregas, como un carrusel, un video de fondo, un chat de terceros, un contador de visitas o una animación, suma archivos y tiempo. Pregúntate si cada uno ayuda a que el cliente te contacte o compre. Si no, probablemente sobra.
Los sitios más rápidos suelen ser también los más claros.
Tocar sin errores
En el celular se navega con el dedo. Los botones deben ser grandes y estar separados, para que nadie toque el equivocado. El botón de WhatsApp y el de llamada deben estar siempre a la vista, idealmente fijos al bajar. Los formularios, si los hay, deben ser cortos y usar el teclado adecuado para teléfono o correo.
Una página cómoda de usar se siente rápida aunque tenga mucho contenido.
Que no salte
Pocas cosas molestan más que intentar tocar un botón y que el contenido se mueva justo en ese momento porque terminó de cargar una imagen o un anuncio. Eso se mide con la métrica CLS, que es buena si es de 0.1 o menos. Se evita reservando el espacio de imágenes y elementos antes de que carguen.
Las ventanas emergentes que tapan todo al entrar también dañan la experiencia, y Google las ve con malos ojos en celular.
Texto legible
Letra de buen tamaño, líneas no demasiado largas, buen contraste entre texto y fondo y párrafos cortos. Mucha gente lee de pie, en el transporte o con el sol encima. Si tiene que hacer zoom para leer, se va.
La legibilidad también es accesibilidad: ayuda a personas mayores o con baja visión.
En Nexus
Diseñamos cada sitio primero para el celular, con imágenes optimizadas, código mínimo y contacto a un toque. El sitio de CANO Estrategia Penal marca 99 en rendimiento en PageSpeed móvil. Paquetes de $1,999 a $44,800 MXN.
Preguntas frecuentes
¿Cómo pruebo mi página en celular?
Ábrela en tu propio teléfono con datos móviles, no con el wifi de la oficina, y mídela con PageSpeed Insights.
¿Las animaciones hacen lenta la página?
Las pesadas, sí. Las sutiles y bien hechas casi no afectan.
¿Necesito una app en lugar de página?
Para la mayoría de los negocios, no. Una página rápida en celular cumple la misma función sin que el cliente instale nada.
¿Qué hago con un video de portada?
Optimizarlo, mostrar una imagen mientras carga o usarlo solo en pantallas grandes.
¿Importa la velocidad si mi página tiene pocas visitas?
Sí. Cada visita perdida por lentitud es un cliente potencial perdido, sin importar cuántas visitas tengas.
Para seguir leyendo
¿Lo revisamos para tu negocio?
El diagnóstico es gratuito. Te decimos con franqueza qué conviene hacer primero.