Show Menu
TOPICS×

Prise en charge d’AMP par les composants principaux

Depuis la version 2.11.0 des composants principaux, la fonctionnalité AMP de pages mobiles accélérées est entièrement pris en charge.
Ce document donne un aperçu de la prise en charge d’AMP et explique comment l’activer pour vos sites. Pour obtenir des détails techniques complets, consultez la documentation destinée aux développeurs sur GitHub .

Qu’est-ce qu’AMP ?

AMP (Accelerated Mobile Pages) est un framework open source conçu à l’origine par Google en vue d’optimiser les pages pour la navigation mobile. En règle générale, les pages AMP se chargent beaucoup plus rapidement que les pages web standard, offrant ainsi de meilleures expériences mobiles.

AMP dans les composants principaux

La prise en charge d’AMP dans les composants principaux est entièrement configurable. Les versions AMP des pages peuvent être diffusées seules, avec les versions HTML standard, ou ne pas être diffusées du tout.
Les composants principaux utilisent
amp
comme sélecteur Sling pour le rendu d’une page AMP. Par exemple,
example.html
affiche la page normale et
example.amp.html
la version AMP.

Conditions requises

Lors de l’utilisation d’AMP avec les composants principaux, la principale différence réside dans le fait qu’AMP exige que toutes les feuilles de style CSS soient insérées dans l’élément
<head>
et optimisées.
Pour ce faire, un composant de page personnalisé est utilisé. Celui-ci charge uniquement la page CSS spécifique à AMP pour les composants présents sur la page.
Pour plus d’informations sur les exigences et les détails techniques, consultez la documentation destinée aux développeurs sur GitHub.

Utilisation d’AMP dans les composants principaux

Les projets individuels peuvent décider de tirer ou non parti d’AMP. En fait, étant donné que les pages AMP et HTML standard peuvent être diffusées en parallèle, un projet peut choisir d’utiliser AMP uniquement sur certaines pages.

Installation de la prise en charge d’AMP

Comme AMP est facultatif, il est fourni en tant qu’extension des composants principaux.
  • Pour les projets AEM as a Cloud Service, l’extension est disponible automatiquement.
  • Pour les projets On-Premise et AMS, l’extension doit être installée explicitement lors de l’installation des composants principaux.
Une fois l’extension installée, l’auteur du composant doit simplement pointer les supertypes de composant vers ceux de l’extension.

Activation d’AMP pour les pages

Pour activer AMP pour une page, le
Mode AMP
doit être sélectionné dans la Stratégie de page.
  • Aucun AMP
     : la page est diffusée en HTML standard uniquement.
  • AMP couplé
     : la page est diffusée au format AMP ainsi qu’au format HTML.
  • AMP uniquement
     : la page est diffusée uniquement au format AMP.
Les paramètres AMP d’une page peuvent également être remplacés dans les Propriétés de page d’une page donnée.
  • Hériter du modèle de page
     : il s’agit de la valeur par défaut, qui permet d’utiliser le paramètre de la stratégie du modèle de page.
  • Aucun AMP
     : la page est diffusée en HTML standard uniquement.
  • AMP couplé
     : la page est diffusée au format AMP ainsi qu’au format HTML.
  • AMP uniquement
     : la page est diffusée uniquement au format AMP.