{"id":22894,"date":"2024-09-06T07:08:59","date_gmt":"2024-09-06T07:08:59","guid":{"rendered":"http:\/\/axamit.com\/?p=9843"},"modified":"2026-06-22T07:57:02","modified_gmt":"2026-06-22T07:57:02","slug":"optimisation-des-performances-dadobe-experience-manager-techniques-dexperts-pour-des-resultats-optimaux","status":"publish","type":"post","link":"https:\/\/axamit.com\/fr\/blog\/adobe-experience-manager\/optimisation-des-performances-dadobe-experience-manager-techniques-dexperts-pour-des-resultats-optimaux\/","title":{"rendered":"Optimisation des performances d&rsquo;Adobe Experience Manager : Techniques d&rsquo;experts pour des r\u00e9sultats optimaux"},"content":{"rendered":"<div class=\"custom-toc\"><ul><\/ul><\/div>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Adobe Experience Manager est reconnu comme le syst\u00e8me de gestion de contenu le plus avanc\u00e9 au monde, mais cela a un co\u00fbt \u2014 de nombreuses opportunit\u00e9s d&rsquo;optimiser et d&rsquo;exploiter les performances d&rsquo;AEM sont souvent manqu\u00e9es en raison de son architecture complexe et d&rsquo;un manque de sensibilisation.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Compte tenu du co\u00fbt \u00e9lev\u00e9 d&rsquo;une licence AEM, un tel sc\u00e9nario est susceptible d&rsquo;\u00eatre plus que frustrant. Et bien qu&rsquo;il n&rsquo;existe pas de solution miracle pour chaque cas, nous pouvons offrir un ensemble de pratiques qui peuvent \u00eatre utilis\u00e9es pour obtenir rapidement des r\u00e9sultats mesurables sans des semaines pass\u00e9es \u00e0 fouiller la documentation.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Aper\u00e7u de l&rsquo;architecture AEM<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sans entrer dans les d\u00e9tails techniques, nous d\u00e9crirons bri\u00e8vement l&rsquo;architecture AEM. Cet aper\u00e7u est essentiel, car il met en \u00e9vidence les principes fondamentaux qui ont un impact direct sur la principale m\u00e9trique d&rsquo;\u00e9valuation des performances de votre site : le temps de r\u00e9ponse \u00e0 la requ\u00eate d&rsquo;un visiteur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En bref, l&rsquo;architecture AEM est organis\u00e9e en quatre instances principales : Author, Publisher, Dispatcher et Load balancer. Imaginez-les comme une troupe de danse bien coordonn\u00e9e : l&rsquo;Author \u00e9crit les mouvements, le Publisher les ex\u00e9cute, le Dispatcher dirige, et le Load Balancer s&rsquo;assure que tout le monde reste en rythme. Ils veillent \u00e0 ce que le nouveau contenu soit lanc\u00e9 en douceur et se charge rapidement pour les utilisateurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;instance <strong>Author <\/strong> est une sorte de bac \u00e0 sable pour la production et la modification de contenu. C&rsquo;est l\u00e0 que les pages web sont cr\u00e9\u00e9es, cat\u00e9goris\u00e9es et modifi\u00e9es, et o\u00f9 sont stock\u00e9s tous les m\u00e9dias utilis\u00e9s sur votre site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;instance <strong>Publisher <\/strong> est une version en direct de votre contenu, disponible pour les utilisateurs. Une fois le contenu approuv\u00e9 pour publication dans l&rsquo;environnement Author, il est envoy\u00e9 au niveau Publisher.\u00a0\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;instance <strong>Dispatcher <\/strong> est responsable de la mise en cache et de l&rsquo;\u00e9quilibrage de charge (load balancing), c&rsquo;est-\u00e0-dire de diriger le trafic vers les chemins offrant les temps de chargement les plus courts possibles.\u00a0\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enfin, <strong>l&rsquo;\u00e9quilibreur de charge<\/strong>. Oui, la t\u00e2che d&rsquo;\u00e9quilibrage de charge est d\u00e9j\u00e0 effectu\u00e9e par Dispatcher, mais cet environnement existe pour distribuer le trafic des cr\u00e9ateurs de contenu et des utilisateurs entre les environnements auteur, \u00e9diteur et dispatcher, s&rsquo;il y en a plus d&rsquo;un.Dans des conditions parfaites, c&rsquo;est une performance parfaitement chor\u00e9graphi\u00e9e o\u00f9 personne ne manque une note. Le concept <a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/ccms\/\">AEM CCMS<\/a> met l&rsquo;accent sur l&rsquo;\u00e9volutivit\u00e9 et l&rsquo;agilit\u00e9 d&rsquo;AEM, permettant au syst\u00e8me de cro\u00eetre avec votre entreprise. Pourtant, dans les grands projets, \u00e0 mesure que les volumes de contenu augmentent, le risque de perturbations entre les diff\u00e9rents composants augmente \u00e9galement. Comprendre comment surveiller, pr\u00e9venir et, id\u00e9alement, anticiper ces probl\u00e8mes est crucial. Les pratiques suivantes vous aideront \u00e0 y parvenir.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Optimisation du contenu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Adobe Experience Manager inclut plusieurs types d&rsquo;actifs diff\u00e9rents class\u00e9s comme contenu. Pour chaque type, il existe des opportunit\u00e9s d&rsquo;optimisation continues qui m\u00e9ritent d&rsquo;\u00eatre explor\u00e9es afin de maintenir un niveau \u00e9lev\u00e9 de performance d&rsquo;AEM.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Am\u00e9lioration du temps de chargement des images<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La qualit\u00e9 des images est essentielle \u00e0 la perception de votre site web. Elle affecte grandement la fa\u00e7on dont les visiteurs le per\u00e7oivent. Cependant, les images de haute qualit\u00e9 peuvent ralentir les temps de chargement et les performances du site. En utilisant les m\u00e9thodes ci-dessous, vous pouvez \u00e9quilibrer votre travail avec les \u00e9l\u00e9ments visuels afin d&rsquo;obtenir une r\u00e9ponse rapide sans perdre l&rsquo;attrait visuel du site aux yeux du visiteur.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Approche de chargement paresseux (lazy load). <\/strong>Oui, c&rsquo;est un rare exemple du principe \u201cqui va lentement va loin\u201d. La technique de chargement paresseux (lazy loading) signifie que le chargement de certains composants de page, souvent des images, est retard\u00e9 jusqu&rsquo;\u00e0 ce qu&rsquo;ils deviennent n\u00e9cessaires, c&rsquo;est-\u00e0-dire jusqu&rsquo;\u00e0 ce que l&rsquo;utilisateur commence \u00e0 interagir avec eux. Adobe Experience Manager prend en charge le chargement paresseux par d\u00e9faut. Cela se fait via le composant Image des composants principaux d&rsquo;AEM (AEM Core Components). Tout ce que vous avez \u00e0 faire est de s\u00e9lectionner cette option dans la bo\u00eete de dialogue de conception (sous Politiques).<\/li>\n\n\n\n<li><strong>Optimisation du format.<\/strong> Parmi les nombreux formats d&rsquo;image disponibles aujourd&rsquo;hui, certains conviennent mieux \u00e0 certaines conditions. Par exemple, vous pouvez redimensionner les fichiers SVG sans perte de qualit\u00e9.<\/li>\n\n\n\n<li><strong>Techniques adaptatives. <\/strong>Les utilisateurs mobiles n&rsquo;ont pas besoin d&rsquo;images de la m\u00eame qualit\u00e9 que celles que les visiteurs de votre site web voient sur un ordinateur de bureau. AEM prend en charge la m\u00e9thode Dynamic Media, qui \u00e9conomise plus de ressources par rapport \u00e0 l&rsquo;ancienne m\u00e9thode de rendu.<\/li>\n\n\n\n<li><strong>Mise en cache des images.<\/strong> Classez les images de votre site en fonction de leur fr\u00e9quence de rotation. Cela vous aidera \u00e0 comprendre quels \u00e9l\u00e9ments visuels vous pouvez conserver en cache plus longtemps.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Minification du code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cette m\u00e9thode consiste \u00e0 \u00e9liminer les donn\u00e9es inutiles ou obsol\u00e8tes sans affecter le traitement du site web par le navigateur. Pendant le processus de minification, les commentaires de code et de formatage sont \u00e9limin\u00e9s, le code inutilis\u00e9 est supprim\u00e9, des noms de variables et de fonctions plus courts sont utilis\u00e9s, et ainsi de suite.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela r\u00e9duit la taille des ressources (JavaScript) et, l&rsquo;avantage qui nous int\u00e9resse le plus, am\u00e9liore le temps de chargement des pages. AEM prend en charge la minification des fichiers JavaScript en g\u00e9n\u00e9rant du code minifi\u00e9 pour les changements s\u00e9mantiques.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fragments d&rsquo;exp\u00e9rience et de contenu<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Par conception, les fonctionnalit\u00e9s <a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/content-fragments-vs-experience-fragments\/\">Fragments de contenu et Fragments d&rsquo;exp\u00e9rience<\/a> (CF et XF) ont \u00e9t\u00e9 introduites pour simplifier la gestion et la r\u00e9utilisation du contenu, mais elles peuvent \u00eatre utilis\u00e9es pour d\u00e9velopper des strat\u00e9gies de mise en cache utiles.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Mise en cache et Rendu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nous avons abord\u00e9 le sujet de la mise en cache dans l&rsquo;optimisation des performances d&rsquo;AEM. Nous allons maintenant l&rsquo;explorer plus en d\u00e9tail. La bonne strat\u00e9gie de mise en cache et de rendu vous aidera \u00e0 tirer le meilleur parti de votre impl\u00e9mentation AEM. Elle devrait tenir compte de vos ressources et du niveau de performance requis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimisation du rendu AEM\u00a0<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tout d&rsquo;abord, abordons les concepts de rendu c\u00f4t\u00e9 client (CSR) et de rendu c\u00f4t\u00e9 serveur (SSR). La principale diff\u00e9rence entre le CSR et le SSR r\u00e9side dans l&#8217;emplacement du rendu. En CSR, le client effectue le rendu. Le serveur ne fournit qu&rsquo;un fichier HTML vierge. \u00c0 partir de l\u00e0, le navigateur g\u00e8re le reste du processus de rendu. En <a href=\"https:\/\/experienceleague.adobe.com\/en\/docs\/experience-manager-cloud-service\/content\/implementing\/developing\/hybrid\/ssr\" target=\"_blank\" rel=\"noopener\">rendu c\u00f4t\u00e9 serveur<\/a> (SSR), le serveur rend la page avant de l&rsquo;envoyer au client.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans le cas d&rsquo;applications monopages riches en contenu, vous pourriez envisager le rendu c\u00f4t\u00e9 serveur pour une partie du contenu afin d&rsquo;acc\u00e9l\u00e9rer le chargement initial de la page. Bien qu&rsquo;AEM prenne enti\u00e8rement en charge la fonction SSR dans de tels cas, il est recommand\u00e9 d&rsquo;\u00e9valuer attentivement si l&rsquo;effort en vaut la peine, surtout en consid\u00e9rant la maintenance \u00e0 long terme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le SSR devient particuli\u00e8rement utile si votre site a besoin d&rsquo;un coup de pouce dans l&rsquo;un de ces domaines :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SEO<\/strong> : Le SSR est-il n\u00e9cessaire pour garantir que votre site soit correctement index\u00e9 par les moteurs de recherche ? Malgr\u00e9 les avanc\u00e9es, les moteurs de recherche peuvent \u00eatre d\u00e9licats avec JavaScript. Ainsi, le SSR pourrait toujours \u00eatre le meilleur ami de votre site (et n&rsquo;oubliez pas de suivre les meilleures pratiques de <a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/aem-seo\/\">SEO AEM<\/a>).<\/li>\n\n\n\n<li><strong>Vitesse de la page :<\/strong> Comment le SSR impacte-t-il la vitesse dans des environnements r\u00e9els et l&rsquo;exp\u00e9rience utilisateur ? Si vos utilisateurs sont impatients et exigeants (et qui ne l&rsquo;est pas de nos jours ?), c&rsquo;est un point valable \u00e0 consid\u00e9rer.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac5394a629dc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac5394a629dc\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"977\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Client-Side-vs.-Server-Side-Rendering-1024x977.png\" alt=\"Rendu c&#xF4;t&#xE9; client vs. Rendu c&#xF4;t&#xE9; serveur : D&#xE9;cider o&#xF9; rendre le contenu peut avoir un impact significatif sur le SEO et la vitesse de la page.\" class=\"wp-image-9844\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Client-Side-vs.-Server-Side-Rendering-1024x977.png 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Client-Side-vs.-Server-Side-Rendering-300x286.png 300w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Client-Side-vs.-Server-Side-Rendering-768x733.png 768w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Client-Side-vs.-Server-Side-Rendering-1536x1465.png 1536w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Client-Side-vs.-Server-Side-Rendering-2048x1954.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Rendu c\u00f4t\u00e9 client vs. Rendu c\u00f4t\u00e9 serveur : D\u00e9cider o\u00f9 rendre le contenu peut avoir un impact significatif sur le SEO et la vitesse de la page.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Optimisation de la mise en cache AEM<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/axamit.com\/blog\/adobe-experience-manager\/dispatcher-cache\/\">Le r\u00f4le du Dispatcher Cache<\/a> est central ici. L&rsquo;une des meilleures pratiques de performance d&rsquo;AEM est de mettre en cache les pages ou fragments AEM dans le dispatcher AEM. Dans ce cas, le Dispatcher Cache sert de cache proxy inverse qui se situe entre l&rsquo;AEM et le navigateur de l&rsquo;utilisateur final. Le cache stocke des copies ult\u00e9rieures du contenu qui peuvent \u00eatre demand\u00e9es directement \u00e0 partir du cache plut\u00f4t qu&rsquo;\u00e0 partir de l&rsquo;AEM elle-m\u00eame.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce qui rend cette fonctionnalit\u00e9 encore plus attrayante, c&rsquo;est le fait que les utilisateurs peuvent configurer le Dispatcher Cache pour mettre en cache des types de contenu sp\u00e9cifiques, tels que des images ou des fichiers JavaScript, ou pour mettre en cache par niveaux, des pages aux sections du site.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac5394a62f72&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac5394a62f72\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1010\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"http:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Dispatcher-Caching-Workflow-1024x1010.jpg\" alt=\"Dispatcher Cache : Un proxy inverse qui stocke le contenu mis en cache pour une livraison plus rapide, am&#xE9;liorant ainsi les performances d'AEM.\" class=\"wp-image-9845\" srcset=\"https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Dispatcher-Caching-Workflow-1024x1010.jpg 1024w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Dispatcher-Caching-Workflow-300x296.jpg 300w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Dispatcher-Caching-Workflow-768x758.jpg 768w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Dispatcher-Caching-Workflow-1536x1515.jpg 1536w, https:\/\/axamit.com\/wp-content\/uploads\/2024\/09\/Dispatcher-Caching-Workflow-2048x2020.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Dispatcher Cache : Un proxy inverse qui stocke le contenu mis en cache pour une livraison plus rapide, am\u00e9liorant ainsi les performances d&rsquo;AEM.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Tests et Optimisation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vous avez presque termin\u00e9. Il ne reste qu&rsquo;une petite pi\u00e8ce du puzzle \u2014 v\u00e9rifions que toutes les m\u00e9thodes que vous avez impl\u00e9ment\u00e9es fonctionnent comme elles le devraient. Diverses m\u00e9thodes et outils existent pour les tests de performance et l&rsquo;optimisation d&rsquo;AEM, disponibles ind\u00e9pendamment ou commercialement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tests de Performance AEM<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les tests peuvent \u00eatre effectu\u00e9s sur des instances Publisher, des instances Author, ou les deux, selon vos exigences. De nombreuses strat\u00e9gies et m\u00e9thodologies existent, mais utilisez celles qui reproduisent les conditions r\u00e9elles le plus fid\u00e8lement possible.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Simulation de la r\u00e9alit\u00e9.<\/strong> C&rsquo;est une condition \u00e9vidente pour des tests r\u00e9ussis, mais elle n&rsquo;est pas toujours facile \u00e0 respecter. Utilisez des quantit\u00e9s de contenu similaires \u00e0 celles de la production. Testez le code, le mat\u00e9riel et la configuration r\u00e9seau pr\u00e9par\u00e9s pour la production.<\/li>\n\n\n\n<li><strong>Objectifs des tests.<\/strong> Avant les tests, nous devons d\u00e9finir les charges et les temps de r\u00e9ponse acceptables. S&rsquo;il y a une migration, le temps de r\u00e9ponse doit correspondre au maximum \u00e0 celui de l&rsquo;environnement de production actuel. Quant au niveau de charge, il est recommand\u00e9 de le fixer au double de la charge de pointe r\u00e9elle. <\/li>\n\n\n\n<li><strong>Outils.<\/strong> De nombreux outils de test commerciaux sont disponibles. Par exemple, <a href=\"https:\/\/experienceleague.adobe.com\/en\/docs\/experience-manager-65\/content\/implementing\/developing\/testing\/tough-day\" target=\"_blank\" rel=\"noopener\">Tough Day<\/a> d&rsquo;Adobe peut effectuer des tests de charge sur diff\u00e9rentes instances AEM et collecter des donn\u00e9es de performance. Pour tester des sites mobiles ou responsives, utilisez des outils qui simulent des connexions lentes, comme la 3G ou l&rsquo;Edge.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Optimisation des performances AEM<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un bon point de d\u00e9part pour l&rsquo;optimisation de votre site web est de le comparer aux standards de l&rsquo;industrie et aux principaux concurrents. Cela vous assure de rester align\u00e9 sur les normes actuelles de l&rsquo;industrie et vous donne une vision claire des technologies que vous devrez adopter dans un proche avenir pour devancer la concurrence.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Certains services payants vous permettent de comparer les performances et le classement de votre site \u00e0 ceux de vos concurrents. SimilarWeb, Ahrefs et Semrush sont de bons exemples de tels services. Alternativement, vous pourriez analyser manuellement les performances des sites concurrents en comparant leurs m\u00e9triques aux standards de l&rsquo;industrie et aux performances de votre propre site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Parmi les ressources et outils internes utiles pour l&rsquo;optimisation finale des performances figurent Monitoring Performance et Developer Mode. <a href=\"https:\/\/experienceleague.adobe.com\/en\/docs\/experience-manager-65\/content\/implementing\/deploying\/configuring\/monitoring-and-maintaining#monitoring-performance\" target=\"_blank\" rel=\"noopener\">Monitoring Performance<\/a> est un ensemble de documentation qui aide au diagnostic des probl\u00e8mes et identifie les opportunit\u00e9s d&rsquo;optimisation. Le passage en <a href=\"https:\/\/experienceleague.adobe.com\/en\/docs\/events\/experience-manager-gems-recordings\/gems2014\/aem-developer-mode\" target=\"_blank\" rel=\"noopener\">Developer Mode<\/a> dans l&rsquo;interface utilisateur d&rsquo;auteur vous permettra de v\u00e9rifier les temps de rendu pour chaque composant de page et les traces de pile d&rsquo;erreurs.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">R\u00e9flexions finales<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;optimisation des performances AEM est une question complexe. Elle n\u00e9cessite une approche multifacette et de nombreuses ressources, comme d\u00e9montr\u00e9 ci-dessus. Les informations structur\u00e9es de cet article devraient vous pr\u00e9parer \u00e0 aborder cette t\u00e2che \u00e9tape par \u00e9tape.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cependant, si vous avez le d\u00e9sir l\u00e9gitime de d\u00e9l\u00e9guer cette t\u00e2che \u00e0 des professionnels, cette option est \u00e9galement disponible. <a href=\"http:\/\/axamit.com\/fr\/?page_id=19734\">Des consultants AEM exp\u00e9riment\u00e9s<\/a> poss\u00e8dent l&rsquo;expertise et les ressources n\u00e9cessaires pour tirer le meilleur parti de votre impl\u00e9mentation AEM et vous fournir des m\u00e9thodes d&rsquo;optimisation adapt\u00e9es \u00e0 vos objectifs commerciaux.\u00a0<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Adobe Experience Manager est reconnu comme le syst\u00e8me de gestion de contenu le plus avanc\u00e9 au monde, mais [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":24669,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[159],"tags":[],"class_list":["post-22894","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-experience-manager"],"acf":{"cta":"Give Us a Call","phone":"+1 (438) 383-6878","meta-description":"D\u00e9couvrez des techniques concr\u00e8tes pour am\u00e9liorer les performances d'Adobe Experience Manager et garantir une exp\u00e9rience fluide \u00e0 vos utilisateurs."},"_links":{"self":[{"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/posts\/22894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/comments?post=22894"}],"version-history":[{"count":1,"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/posts\/22894\/revisions"}],"predecessor-version":[{"id":22895,"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/posts\/22894\/revisions\/22895"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/media\/24669"}],"wp:attachment":[{"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/media?parent=22894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/categories?post=22894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/axamit.com\/fr\/wp-json\/wp\/v2\/tags?post=22894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}