AMP-ondersteuning voor de kerncomponenten amp-support

Vanaf versie 2.11.0van de Componenten van de Kern, AMP - Versnelde Mobiele Pagina's- volledig gesteund.

In dit document wordt een overzicht gegeven van de manier waarop AMP wordt ondersteund en van de manier waarop u dit voor uw sites kunt inschakelen. Nochtans voor volledige technische details, gelieve te zien de documentatie van de ontwikkelaar GitHub.

Wat is AMP? what-is-amp

Accelerated Mobile Pages of AMP is een opensource-framework dat oorspronkelijk door Google is ontworpen om pagina's te optimaliseren voor mobiel surfen. AMP-pagina's worden doorgaans veel sneller geladen dan standaardwebpagina's en bieden betere mobiele ervaringen.

AMP in de kerncomponenten amp-in-core-components

De steun voor AMP in de Componenten van de Kern is volledig configureerbaar. AMP-versies van pagina's kunnen alleen worden weergegeven, naast de standaard HTML-versies, of helemaal niet.

De kerncomponenten gebruiken amp als een verkiesbare kiezer om een AMP-pagina te renderen. example.html geeft bijvoorbeeld de normale pagina weer en example.amp.html zou de AMP-versie zijn.

Individuele projecten kunnen beslissen of zij AMP al dan niet zullen benutten. Omdat AMP- en standaard HTML-pagina's parallel kunnen worden geleverd, kan een project ervoor kiezen om AMP alleen op bepaalde pagina's van het project te gebruiken.

Aan de slag met AMP-ondersteuning in uw project getting-started

Hoewel AMP-ondersteuning veel flexibiliteit biedt, zijn er slechts enkele eenvoudige stappen nodig om snel aan de slag te gaan:

  1. Installeer indien nodig de extensie voor AMP-ondersteuning.

    • Voor AEM as a Cloud Service-projecten is de extensie automatisch beschikbaar met de Core Components (Basiscomponenten) en hoeft u de extensie niet te installeren.
    • Voor on-premise en projecten van AMS, moet de uitbreiding uitdrukkelijk worden ge├»nstalleerd wanneer het installeren van de Componenten van de Kern.
  2. Zodra de uitbreiding AMP wordt geïnstalleerd, moet de componentenauteur de componentensupertypes aan die in de uitbreiding eenvoudig richten.

  3. laat de steun van AMPop het malplaatjeniveau of op uw individuele pagina's toe.

  4. stelt gealigneerde CSSzoals vereist op.

AMP inschakelen voor pagina's enabling-amp

Om AMP voor een pagina toe te laten, moet de Wijze van AMP in het Beleid van de Pagina worden geselecteerd.

de opties van het Beleid van het Beleid van de Pagina van AMP

  • Geen AMP - de pagina wordt geleverd als standaard slechts HTML.
  • Gepaste AMP - de pagina wordt geleverd als AMP evenals HTML.
  • slechts AMP - de pagina wordt geleverd als slechts AMP.

De montages van AMP voor een pagina kunnen ook in de Eigenschappen van de Paginavoor een individuele pagina worden met voeten getreden.

de Eigenschappen van de Pagina van AMP

  • erven van het Malplaatje van de Pagina - dit is de standaardwaarde, die het plaatsen om van het beleid van het paginamalplaatje toestaat worden genomen.
  • Geen AMP - de pagina wordt geleverd als standaard slechts HTML.
  • Gepaste AMP - de pagina wordt geleverd als AMP evenals HTML.
  • slechts AMP - de pagina wordt geleverd als slechts AMP.

CSS-vereisten css-requirements

Wanneer het gebruiken van AMP met de Componenten van de Kern, is het belangrijkste verschil dat AMP alle CSS vereist om worden gealigneerdin het <head> element evenals wordt geoptimaliseerd.

Hiervoor wordt een aangepaste pagina-component gebruikt, die alleen de AMP-specifieke CSS laadt voor componenten die op de pagina aanwezig zijn.

NOTE
Vanwege ontwerpbeperkingen van AMP biedt Adobe geen ondersteuning voor het gebruik van het responsieve raster met de AMP-versie van uw pagina.

Voor verdere vereisten en technische details, gelieve te zien de documentatie van de ontwikkelaar GitHub.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c