Suporte AMP para os Componentes principais amp-support
Desde a versão 2.11.0 dos Componentes principais, as AMP - Páginas para Dispositivos Móveis Aceleradas - são totalmente compatíveis.
Este documento fornece uma visão geral de como as AMPs são compatíveis, bem como habilitá-las para seus sites. No entanto, para obter detalhes técnicos completos, consulte a documentação do desenvolvedor do GitHub.
O que é AMP? what-is-amp
Páginas para Dispositivos Móveis Aceleradas ou AMP é uma estrutura de código aberto originalmente projetada pelo Google para otimizar páginas para navegação móvel. As AMP normalmente carregam muito mais rapidamente do que as páginas padrão da Web, oferecendo melhores experiências móveis.
AMP nos Componentes principais amp-in-core-components
O suporte para AMP nos Componentes principais é totalmente configurável. As versões das AMP podem ser fornecidas exclusivamente, junto com as versões HTML padrão, ou não são fornecidas.
Os Componentes principais usam amp como um seletor do Sling para renderizar uma AMP. Por exemplo, example.html renderizaria a página normal e example.amp.html seria a versão de AMP.
Projetos individuais podem decidir se utilizam ou não AMP. Na verdade, como as AMP e as páginas HTML padrão podem ser entregues em paralelo, um projeto pode optar por usar AMP em apenas determinadas páginas do projeto.
Introdução ao suporte AMP no seu projeto getting-started
Embora o suporte a AMP ofereça muita flexibilidade, para começar a usá-las rapidamente, algumas etapas simples são necessárias:
-
Instale a extensão de suporte AMP, se necessário.
- Para projetos do AEM as a Cloud Service, a extensão é disponibilizada automaticamente com os Componentes principais e nenhuma instalação é necessária.
- Para projetos no local e do AMS, a extensão deve ser explicitamente instalada ao instalar os Componentes principais.
-
Quando a extensão AMP estiver instalada, o autor do componente deverá simplesmente apontar os supertipos de componentes para aqueles na extensão.
-
Habilite o suporte AMP no nível do modelo ou em suas páginas individuais.
-
Implante o CSS incorporado, conforme necessário.
Ativar AMP para páginas enabling-amp
Para habilitar AMP para uma página, o Modo AMP deve ser selecionado na Política da página.
- Sem AMP - A página é entregue somente como HTML padrão.
- AMP emparelhada - A página é fornecida como AMP e HTML.
- Somente AMP - A página é entregue somente como AMP.
As configurações das AMP para uma página também podem ser substituídas nas Propriedades da página para uma página individual.
- Herdar do modelo da página - Esse é o valor padrão, que permite que a configuração seja retirada da política do modelo da página.
- Sem AMP - A página é entregue somente como HTML padrão.
- AMP emparelhada - A página é fornecida como AMP e HTML.
- Somente AMP - A página é entregue somente como AMP.
Requisitos de CSS css-requirements
Ao usar AMP com os Componentes principais, a principal diferença é que a AMP requer que todos os CSS sejam incorporados no elemento <head>, bem como otimizados.
Para dar suporte a isso, um componente de página personalizado é usado, que carrega apenas o CSS específico de AMP para os componentes presentes na página.
Para mais requisitos e detalhes técnicos, consulte a documentação do desenvolvedor do GitHub.