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:
-
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.
-
Zodra de uitbreiding AMP wordt geïnstalleerd, moet de componentenauteur de componentensupertypes aan die in de uitbreiding eenvoudig richten.
-
laat de steun van AMPop het malplaatjeniveau of op uw individuele pagina's toe.
-
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.
- 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.
- 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.
Voor verdere vereisten en technische details, gelieve te zien de documentatie van de ontwikkelaar GitHub.