Haz que tu sitio sea más amigable para dispositivos móviles con PageSpeed Insights

Lunes, 19 de mayo de 2014

Para ayudar a los desarrolladores y webmasters a hacer que sus páginas sean compatibles con dispositivos móviles, recientemente actualizamos PageSpeed Insights con recomendaciones adicionales sobre usabilidad móvil.

Una mala usabilidad puede disminuir los beneficios de la carga rápida de una página. Sabemos que la página móvil promedio
tarda más de 7 segundos en cargarse, y utilizando la
herramienta PageSpeed Insights
y siguiendo sus recomendaciones de velocidad, puedes hacer que tu página
se cargue mucho más rápido. Pero supongamos que tu sitio móvil rápido se carga en solo 2 segundos en lugar de 7 segundos. Si los usuarios móviles aún tienen que pasar otros 5 segundos una vez que la página se carga para pellizcar, hacer zoom y desplazarse por la pantalla antes de poder comenzar a leer el texto e interactuar con la página, entonces ese sitio no es realmente rápido de usar después de todo. Las nuevas reglas de experiencia de usuario de PageSpeed Insights pueden ayudarte a encontrar y solucionar estos problemas de usabilidad.

Estas nuevas recomendaciones cubren actualmente las siguientes áreas:

• Configurar la ventana gráfica (viewport) : Sin una meta-viewport etiqueta, los navegadores móviles modernos asumirán que tu sitio no es compatible con dispositivos móviles y recurrirán a una ventana gráfica de escritorio y posiblemente aplicarán el aumento de fuente, interfiriendo con el diseño de página previsto.
  Configurar la ventana gráfica
  a width=device-width debería ser tu primer paso para movilizar tu sitio.
• Dimensionar el contenido a la ventana gráfica: Los usuarios esperan que los sitios móviles se desplacen verticalmente, no horizontalmente. Una vez que hayas configurado tu ventana gráfica, asegúrate de que el contenido de tu página
  se ajuste al ancho de esa ventana gráfica, teniendo en cuenta que no todos los dispositivos móviles tienen el mismo ancho.
• Usar tamaños de fuente legibles: Si los usuarios tienen que hacer zoom solo para poder leer el texto de tu artículo en la pantalla de su teléfono inteligente, entonces tu sitio no es compatible con dispositivos móviles. PageSpeed Insights comprueba que
  el texto de tu sitio sea lo suficientemente grande
  para que la mayoría de los usuarios lo lean cómodamente.
• Dimensionar los objetivos táctiles adecuadamente: Nada es más frustrante que intentar tocar un botón o enlace en la pantalla táctil de un teléfono o tableta, y golpear accidentalmente el incorrecto porque la yema de tu dedo es mucho más grande que el cursor de un mouse de escritorio. Asegúrate de que los
  objetivos táctiles
  de la pantalla táctil de tu sitio móvil sean lo suficientemente grandes como para presionarlos fácilmente.
• Evitar los complementos (plugins): La mayoría de los teléfonos inteligentes no admiten Flash u otros complementos del navegador, así que asegúrate de que tu sitio móvil
  no dependa de complementos.

Estas reglas se describen con más detalle en
nuestras páginas de ayuda. Cuando estés listo, puedes probar tus páginas y las mejoras que realices utilizando la
herramienta PageSpeed Insights. También hemos actualizado PageSpeed Insights para utilizar un diseño compatible con dispositivos móviles y hemos traducido nuestros documentos a otros idiomas.

Como siempre, si tienes alguna pregunta o comentario, publícalo en nuestro
grupo de discusión.

Publicado por Matthew Steele y Doantam Phan, equipo de PageSpeed Insights