Hacer que los sitios para smartphones se carguen rápido

Jueves, 8 de agosto de 2013

Usuarios
nos dicen
que usan smartphones para buscar en línea porque es rápido y conveniente, pero la página móvil promedio de hoy en día normalmente
tarda más de 7 segundos en cargarse. ¿No sería genial si las páginas móviles se cargaran en menos de un segundo? Hoy anunciamos nuevas
pautas y una herramienta
PageSpeed Insights actualizada para ayudar a los webmasters a optimizar sus páginas móviles para obtener el mejor rendimiento de renderizado.

Priorizar el contenido visible (above-the-fold)

La investigación
muestra
que el flujo de los usuarios se interrumpe si las páginas tardan más de un segundo en cargarse. Para ofrecer la mejor experiencia y mantener al visitante comprometido, nuestras pautas se centran en renderizar parte del contenido, conocido como contenido visible (above-the-fold), a los usuarios en un segundo (¡o menos!) mientras el resto de la página continúa cargándose y renderizándose en segundo plano. El HTML, CSS y JS visible se conoce como la
ruta de renderizado crítica.

Podemos lograr un renderizado inferior a un segundo del contenido visible en redes móviles aplicando las siguientes mejores prácticas:

• El servidor debe renderizar la respuesta (< 200 ms)
• Se debe minimizar el número de redirecciones
• Se debe minimizar el número de viajes de ida y vuelta para el primer renderizado
• Evite JavaScript y CSS externos que bloqueen el contenido visible
• Reserve tiempo para el diseño y renderizado del navegador (200 ms)
• Optimice la ejecución de JavaScript y el tiempo de renderizado

Estos se explican con más detalle en las
páginas de ayuda específicas para móviles, y cuando esté listo, puede probar sus páginas y las mejoras que realice utilizando la herramienta
PageSpeed Insights .

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

Publicado por
Bryan McQuade, Ingeniero de Software, y Pierre Far, Analista de Tendencias para Webmasters