AMP-stöd för kärnkomponenterna

Från och med version 2.11.0 av kärnkomponenterna stöds AMP - Accelererade mobilsidor fullt ut.

Det här dokumentet ger en översikt över hur AMP stöds och hur du aktiverar det för dina webbplatser. Fullständig teknisk information finns dock i dokumentationen för GitHub-utvecklaren.

Vad är AMP?

Accelerated Mobile Pages eller AMP är ett ramverk med öppen källkod som ursprungligen designats av Google för att optimera sidor för mobilsurfning. AMP-sidor läser vanligtvis in mycket snabbare än standardwebbsidor, vilket ger bättre mobilupplevelser.

AMP i kärnkomponenterna

Stöd för AMP i Core Components är fullt konfigurerbart. AMP-versioner av sidor kan hanteras exklusivt, tillsammans med HTML-standardversionerna, eller inte alls.

Core Components använder amp som en Sling-väljare för att återge en AMP-sida. example.html skulle till exempel återge den normala sidan och example.amp.html skulle vara AMP-versionen.

Enskilda projekt kan avgöra om de ska utnyttja AMP eller inte. Eftersom AMP- och standard-HTML-sidor kan levereras parallellt kan ett projekt välja att använda AMP endast på vissa sidor i projektet.

Komma igång med AMP-stöd i ditt projekt

AMP-stödet ger stor flexibilitet, men för att komma igång snabbt krävs bara några få enkla steg:

  1. Installera AMP-supporttillägget om det behövs.
    • För AEM som Cloud Service-projekt är tillägget automatiskt tillgängligt med kärnkomponenterna och ingen installation behövs.
    • För anläggningsprojekt och AMS-projekt måste tillägget vara explicit installerat när du installerar Core Components.
  2. När AMP-tillägget har installerats måste komponentförfattaren helt enkelt peka komponentens supertyper mot dem i tillägget.
  3. Aktivera AMP- stöd på mallnivå eller på enskilda sidor.
  4. Distribuera infogad CSS efter behov.

Aktivera AMP för sidor

Om du vill aktivera AMP för en sida måste du välja AMP-läge i sidprincipen.

Alternativ för AMP-sidprofil

  • Ingen AMP - Sidan levereras endast som standard-HTML.
  • Parade AMP - Sidan levereras som både AMP och HTML.
  • Endast AMP - Sidan levereras endast som AMP.

AMP-inställningarna för en sida kan också åsidosättas i Sidegenskaper för en enskild sida.

Egenskaper för AMP-sida

  • Ärv från sidmall - Det här är standardvärdet, som gör att inställningen kan hämtas från sidmallens princip.
  • Ingen AMP - Sidan levereras endast som standard-HTML.
  • Parade AMP - Sidan levereras som både AMP och HTML.
  • Endast AMP - Sidan levereras endast som AMP.

CSS-krav

När du använder AMP med Core Components är den största skillnaden att AMP kräver att alla CSS är infogade i <head>-elementet samt optimerade.

Som stöd för detta används en anpassad sidkomponent, som bara läser in den AMP-specifika CSS:en för komponenter som finns på sidan.

OBSERVERA

På grund av begränsningar i AMP-design stöder inte Adobe användning av det responsiva rutnätet med AMP-versionen av din sida.

Mer information om krav och teknisk information finns i dokumentationen för GitHub-utvecklaren.

På denna sida