AMP-stöd för kärnkomponenterna

Från och med version 2.11.0 av kärnkomponenterna, AMP - Accelererade mobilsidor - stöds 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 på Dokumentation för GitHub-utvecklare.

Vad är AMP?

Accelerated Mobile Pages eller AMP är ett ramverk med öppen källkod som ursprungligen utformats 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ödet för AMP i kärnkomponenterna är fullt konfigureringsbar. AMP-versioner av sidor kan hanteras exklusivt, tillsammans med HTML-standardversionerna eller inte alls.

Kärnkomponenterna använder amp som en Sling-väljare för att återge en AMP-sida. Till exempel example.html återger normal sida och example.amp.html är AMP-versionen.

Enskilda projekt kan avgöra om de ska utnyttja AMP eller inte. Eftersom AMP- och HTML-standardsidor 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 as a 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 stöd för AMP 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 AMP-läge måste markeras i Sidprofil.

Alternativ för AMP-sidprofil

  • Ingen AMP - Sidan levereras endast som HTML.
  • Kopplad 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, vilket gör att inställningen kan hämtas från sidmallens policy.
  • Ingen AMP - Sidan levereras endast som HTML.
  • Kopplad 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 alla CSS som ska infogas i <head> -element och optimerat.

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 tekniska detaljer finns i Dokumentation för GitHub-utvecklare.

På denna sida