Supporto AMP per i componenti core

A partire dalla release 2.11.0 dei componenti core, AMP - Pagine mobili accelerate sono completamente supportati.

Questo documento fornisce una panoramica del supporto di AMP e di come attivarlo per i siti. Tuttavia, per informazioni tecniche complete, consultate la documentazione per gli sviluppatori GitHub.

Cos'è AMP?

Pagine mobili o AMP con accelerazione è un framework open-source progettato originariamente da Google per ottimizzare le pagine per la navigazione mobile. Le pagine AMP vengono caricate più rapidamente rispetto alle pagine Web standard, offrendo esperienze mobili migliori.

AMP nei componenti core

Il supporto per AMP nei componenti core è completamente configurabile. Le versioni AMP delle pagine possono essere servite esclusivamente, accanto alle versioni HTML standard, o meno.

I componenti core utilizzano amp come selettore Sling per eseguire il rendering di una pagina AMP. Ad esempio, example.html esegue il rendering della pagina normale e example.amp.html è la versione AMP.

I singoli progetti possono decidere se utilizzare o meno AMP. Infatti, poiché AMP e pagine HTML standard possono essere distribuite in parallelo, un progetto può scegliere di utilizzare AMP solo su determinate pagine del progetto.

Guida introduttiva al supporto AMP nel progetto

Sebbene il supporto AMP offra una grande flessibilità, per iniziare a utilizzarlo rapidamente è necessario solo qualche semplice passo:

  1. Se necessario, installate l'estensione del supporto AMP.
    • Per AEM come progetto di Cloud Service, l'estensione è disponibile automaticamente con i componenti core e non è necessaria alcuna installazione.
    • Per i progetti in sede e AMS, l’estensione deve essere installata in modo esplicito durante l’installazione dei componenti core.
  2. Una volta installata l’estensione AMP, l’autore del componente deve semplicemente puntare i supertipi di componente a quelli presenti nell’estensione.
  3. Abilita il supporto AMP a livello di modello o sulle singole pagine.
  4. Distribuite CSS in linea come necessario.

Abilitazione di AMP per le pagine

Per abilitare AMP per una pagina, è necessario selezionare la modalità AMP nel Criteri di pagina.

Opzioni criteri pagina AMP

  • No AMP - La pagina viene distribuita solo come HTML standard.
  • Coppia AMP - La pagina viene distribuita sia in formato AMP che HTML.
  • Solo AMP - La pagina viene consegnata solo come AMP.

Le impostazioni AMP per una pagina possono essere sostituite anche in Proprietà pagina per una singola pagina.

Proprietà pagina AMP

  • Eredita da modello pagina: questo è il valore predefinito, che consente di prelevare l'impostazione dal criterio del modello di pagina.
  • No AMP - La pagina viene distribuita solo come HTML standard.
  • Coppia AMP - La pagina viene distribuita sia in formato AMP che HTML.
  • Solo AMP - La pagina viene consegnata solo come AMP.

Requisiti CSS

Quando si utilizza AMP con i componenti core, la differenza principale è che AMP richiede che tutti i CSS siano allineati nell'elemento <head> e ottimizzati.

A questo scopo, viene utilizzato un componente pagina personalizzato, che carica solo il CSS specifico di AMP per i componenti presenti sulla pagina.

NOTA

A causa di limitazioni di progettazione AMP Adobe non supporta l'uso della griglia reattiva con la versione AMP della pagina.

Per ulteriori requisiti e dettagli tecnici, consulta la documentazione per gli sviluppatori GitHub.

In questa pagina