Integrar o conteúdo de AMP

Estas são as formas recomendadas para integrar e acessar URLs do Cache de AMP com base no seu tipo de aplicativo e nas diferentes plataformas.

URLs de cache de AMP em aplicativos da Web

Se seu documento tiver uma versão canônica para área de trabalho e uma versão de AMP para dispositivos móveis, vincule-o a URLs de cache de AMP na versão AMP.

Para garantir a versão mais rápida de uma página da Web, abra URLs de cache de AMP no navegador do sistema do dispositivo móvel: no Chrome (Android) ou no Safari (iOS).

URLs de Cache de AMP em aplicativos iOS

SFSafariViewControllers são a maneira preferida de abrir links em um app iOS. Eles compartilham o mesmo estado do navegador com o navegador do sistema (Safari). No entanto, não há como otimizar ainda mais a experiência de AMP com o SFSafariViewController devido à falta de APIs de pré-renderização.

URLs de Cache de AMP em aplicativos Android

As guias personalizadas do Chrome são a maneira preferencial para abrir links em um app Android. Elas são rápidas e seguras e compartilham o estado do navegador com o Chrome. Isso significa que, se os usuários estiverem conectados a um site no Chrome, eles estarão conectados ao mesmo site em uma guia personalizada.

As guias personalizadas funcionam muito bem com AMP. Com o mayLaunchUrl(url, moreUrls), elas fornecem uma API para pré-renderizar completamente uma única página ou conectar previamente várias páginas.

Para conseguir o melhor desempenho de uma guia personalizada, siga estas três etapas:

  • Carregue a guia personalizada. Isso economiza até 700 ms quando você abre um link com ela.
  • Faça uma pré-busca do conteúdo de URLs que o usuário provavelmente abrirá (probabilidade > 50%). Use mayLaunchUrl para isso.
  • Pré-conecte um DNS se o usuário puder clicar em um dos vários itens (por exemplo, links em um artigo). Isso executará uma busca de DNS para todos os URLs, mas não fará o download de nenhum conteúdo. Para fazer isso, defina os dois primeiros parâmetros em mayLaunchUrl como nulos e transmita a lista de URLs pelo pacote.

As guias personalizadas do Chrome podem determinar se o usuário está usando o smartphone em uma rede limitada ou se esse é um dispositivo simples. Em dispositivos simples, a pré-renderização tem um efeito negativo no desempenho geral e não executa a pré-busca ou pré-renderização. Portanto, não é necessário otimizar seu app para esses casos.