Cómo integrar contenido de AMP

Estas son las maneras preferidas para integrar las URL de caché de AMP y acceder a ellas según el tipo de aplicación y plataforma.

URL de caché de AMP en aplicaciones web

Si tu documento tiene una versión canónica para computadoras de escritorio y una versión de AMP para dispositivos móviles, vincula a las URL de caché de AMP en la versión de AMP.

Para garantizar la versión más rápida de una página web, abre las URL de caché de AMP en el navegador del sistema del dispositivo móvil: Chrome en un dispositivo Android y Safari en un dispositivo iOS.

URL de caché de AMP en aplicaciones para iOS

Las funciones SFSafariViewControllers son la forma preferida de abrir vínculos en una aplicación para iOS. Comparten el mismo estado del navegador con el navegador del sistema (Safari). Sin embargo, no hay manera de optimizar aún más la experiencia de AMP con SFSafariViewController debido a la falta de API de procesamiento previo.

URL de caché de AMP en aplicaciones para Android

Las pestañas personalizadas de Chrome son la forma preferida de abrir vínculos en una app para Android. Son rápidas y seguras, y comparten el estado del navegador con Chrome. Por lo tanto, si los usuarios acceden a un sitio web en Chrome, también lo harán en una pestaña personalizada.

Las pestañas personalizadas funcionan muy bien con AMP. Junto con mayLaunchUrl(url, moreUrls), proporcionan una API que permite realizar el procesamiento previo completo de una sola página o conectarse previamente a varias páginas.

Debes completar tres pasos para aprovechar al máximo una pestaña personalizada:

  • Precarga la pestaña personalizada (ahorrarás 700 ms cuando abras un vínculo en ella).
  • Precarga el contenido de las URL que el usuario tiene más probabilidades de abrir (probabilidad de >50%). Para ello, usa mayLaunchUrl.
  • Realiza una conexión previa de DNS si el usuario puede hacer clic en uno de varios elementos (por ejemplo, vínculos en un artículo). De esta manera, se realizará una búsqueda de DNS para todas las URL, pero no se descargará contenido. Para hacerlo, configura los dos primeros parámetros en mayLaunchUrl para anular la lista de URL y pasarla a través del paquete.

Las pestañas personalizadas de Chrome pueden determinar si el usuario usa el teléfono en una red de uso medido, o bien si se trata de un dispositivo de gama baja. En los dispositivos de gama baja, el procesamiento previo tiene un efecto negativo en el rendimiento general y no realizará una carga previa ni un procesamiento previo. Por lo tanto, no es necesario optimizar tu aplicación en esos casos.