AMP-stöd för kärnkomponenterna amp-support
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? what-is-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 amp-in-core-components
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 getting-started
AMP-stödet ger stor flexibilitet, men för att komma igång snabbt krävs bara några få enkla steg:
-
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.
-
När AMP-tillägget har installerats måste komponentförfattaren helt enkelt peka komponentens supertyper mot dem i tillägget.
-
Aktivera stöd för AMP på mallnivå eller på enskilda sidor.
-
Distribuera infogad CSS efter behov.
Aktivera AMP för sidor enabling-amp
Om du vill aktivera AMP för en sida AMP-läge måste markeras i 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.
- Ä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 css-requirements
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.
Mer information om krav och tekniska detaljer finns i Dokumentation för GitHub-utvecklare.