A partire dalla versione 2.11.0 dei Componenti core, è pienamente supportato AMP: Accelerated Mobile Pages.
Questo documento offre una panoramica del supporto AMP e delle modalità di abilitazione di tale funzionalità per i siti. Tuttavia, per informazioni tecniche complete, vedi la documentazione per gli sviluppatori GitHub.
Accelerated Mobile Pages o AMP è un framework open-source progettato originariamente da Google per ottimizzare le pagine per la navigazione mobile. Le pagine AMP vengono generalmente caricate molto più rapidamente delle pagine web standard, offrendo una migliore esperienza sui dispositivi mobili.
Il supporto per AMP nei Componenti core è completamente configurabile. Le versioni AMP delle pagine possono essere servite in via esclusiva, insieme alle versioni HTML standard, o non servite affatto.
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é le pagine AMP e HTML standard possono essere distribuite in parallelo, un progetto può scegliere di utilizzare AMP solo su determinate pagine.
Sebbene il supporto AMP offra una grande flessibilità, per iniziare a utilizzarlo occorrono solo alcuni semplici passaggi:
Per abilitare AMP per una pagina, è necessario selezionare la Modalità AMP in Criterio pagina.
Le impostazioni AMP per una pagina possono anche essere ignorate in Proprietà pagina per una singola pagina.
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.
Per supportare questa funzione, viene utilizzato un componente pagina personalizzato che carica solo il CSS specifico per AMP per i componenti presenti nella pagina.
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, vedi la documentazione per gli sviluppatori GitHub.