{"id":21229,"date":"2025-08-28T20:51:49","date_gmt":"2025-08-28T20:51:49","guid":{"rendered":"https:\/\/www.bloomreach.com\/library\/que-sont-les-applications-monopages-spa-et-pourquoi-sont-elles-si-populaires"},"modified":"2024-09-23T17:48:29","modified_gmt":"2024-09-23T17:48:29","slug":"que-sont-les-applications-monopages","status":"publish","type":"library","link":"https:\/\/www.bloomreach.com\/fr\/blog\/que-sont-les-applications-monopages","title":{"rendered":"Que sont les applications monopages (SPA) et pourquoi sont-elles si populaires ?"},"content":{"rendered":"<p>Les applications monopages (SPA, de l\u2019anglais single page applications) sont partout. Il se peut que vous en utilisiez r\u00e9guli\u00e8rement, m\u00eame si vous ne savez pas exactement de quoi il s\u2019agit. Ces applications sont un formidable outil, qui rend l\u2019exp\u00e9rience des utilisateurs unique et engageante.<\/p>\n<p>Une application monopage est un site ou une application web qui r\u00e9\u00e9crit une page web actuelle avec de nouvelles donn\u00e9es provenant du serveur web, au lieu de recharger enti\u00e8rement de nouvelles pages comme un navigateur web le fait habituellement.<\/p>\n<p>Gmail, Google Maps, Airbnb, Netflix, Pinterest et PayPal sont des exemples d\u2019applications monopages. Ces entreprises et nombre d\u2019autres utilisent les SPA pour fa\u00e7onner des exp\u00e9riences fluides et scalables.<\/p>\n<p>Par le pass\u00e9, les SPA ont toutefois pos\u00e9 des difficult\u00e9s aux professionnels du marketing lorsqu\u2019il s\u2019agissait de g\u00e9rer le contenu. En effet, ces applications n\u00e9cessitent un code lourd et complexe, qui ne r\u00e9pond pas aux besoins ou envies des professionnels du marketing. Heureusement, il est d\u00e9sormais possible de combiner votre SPA avec <a href=\"https:\/\/www.bloomreach.com\/en\/blog\/content-management-system\">un syst\u00e8me de gestion de contenu (CMS) ad\u00e9quat<\/a> afin d\u2019offrir aux d\u00e9veloppeurs et aux marketeurs le niveau de contr\u00f4le qu\u2019ils d\u00e9sirent.<\/p>\n<p>Vous voulez tout savoir sur les SPA et sur les avantages qu\u2019elles peuvent offrir \u00e0 votre entreprise de ecommerce ? Suivez-nous, on vous explique tout.<\/p>\n<h3><strong>Qu\u2019est-ce qu\u2019une SPA?<\/strong><\/h3>\n<p>Une application monopage est une page unique (d\u2019o\u00f9 son nom) sur laquelle seuls quelques \u00e9l\u00e9ments doivent \u00eatre actualis\u00e9s \u00e0 la fois, la majorit\u00e9 des informations restant constantes.<\/p>\n<p>Par exemple, peu d\u2019\u00e9l\u00e9ments changent lorsque vous parcourez vos e-mails dans votre bo\u00eete de r\u00e9ception : la barre lat\u00e9rale et l\u2019en-t\u00eate ne bougent pas.&nbsp;<\/p>\n<p>En fait, la SPA n\u2019envoie que les \u00e9l\u00e9ments dont vous avez besoin \u00e0 chaque clic et votre navigateur restitue ces informations, contrairement au chargement d\u2019une page traditionnelle, o\u00f9 le serveur restitue une page compl\u00e8te \u00e0 chaque clic et l\u2019envoie \u00e0 votre navigateur.<\/p>\n<p>Cette m\u00e9thode bout-par-bout permet de r\u00e9duire consid\u00e9rablement le temps de chargement pour les utilisateurs. Elle r\u00e9duit \u00e9galement la quantit\u00e9 d\u2019informations qu\u2019un serveur a besoin d\u2019envoyer et rend le processus beaucoup plus \u00e9conomique : un sc\u00e9nario gagnant-gagnant pour les utilisateurs et les entreprises.<br \/>\n&nbsp;<\/p>\n<h3><strong>Quelle est l\u2019architecture d\u2019une SPA et comment fonctionne-t-elle ?<\/strong><\/h3>\n<p>Les avantages offerts par une SPA sont \u00e9vidents. L\u2019utilisation d\u2019une application web ou d\u2019un site web qui interagit avec l\u2019utilisateur en r\u00e9\u00e9crivant la page sur laquelle celui-ci se trouve, au lieu de charger de nouvelles pages \u00e0 partir du serveur, permet d\u2019am\u00e9liorer l\u2019exp\u00e9rience utilisateur.<\/p>\n<p>Elle permet \u00e9galement de ne pas interrompre le parcours d\u2019un utilisateur, ce qui est capital pour les sites web, en particulier dans le domaine du commerce digital. En r\u00e9duisant le temps de chargement entre chaque page, votre site se comporte comme une application de bureau et offre une exp\u00e9rience plus fluide et plus agr\u00e9able aux utilisateurs.<\/p>\n<p>Et ces petites choses peuvent avoir un impact \u00e9norme, car sur la plupart des sites, beaucoup de contenu est redondant.<\/p>\n<p>Tandis que certains \u00e9l\u00e9ments sont toujours pr\u00e9sents peu importe o\u00f9 l&rsquo;utilisateur se trouve (en-t\u00eates, pieds de page, logos, barre de navigation), d\u2019autres ne sont pr\u00e9sents que dans certaines sections (filtres et banni\u00e8res). Par ailleurs, on retrouve souvent les m\u00eames designs et templates (blogs, pages libre-service ou, comme mentionn\u00e9 plus haut, la configuration Gmail).<\/p>\n<p><strong>Les SPA tirent profit de cette redondance.<\/strong><\/p>\n<p>Imaginons que vous visitiez un site web et que vous y voyiez un tableau repr\u00e9sentant une maison et un arbre. Un site web traditionnel, c\u2019est-\u00e0-dire multipages, produirait enti\u00e8rement ce tableau sur le serveur, puis l\u2019enverrait \u00e0 votre navigateur.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.bloomreach.com\/wp-content\/uploads\/2024\/05\/fr_br_traditional_1.gif\" \/><\/p>\n<p>Avec une SPA, les choses sont diff\u00e9rentes.&nbsp;<\/p>\n<p>Lorsque vous \u00e9tiez enfant, vous jouiez peut-\u00eatre \u00e0 ce jeu qui consiste \u00e0 relier des points num\u00e9rot\u00e9s pour voir appara\u00eetre un dessin. Eh bien, une SPA vous fournit le guide pour peindre le tableau point par point, dont les guides r\u00e9currents que vous utiliserez probablement, puis la bonne peinture (donn\u00e9es et contenus) pour remplir le template.<br \/>\n&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.bloomreach.com\/wp-content\/uploads\/2024\/05\/fr_br_singlepage_application_1.gif\" \/><\/p>\n<p>Dans les deux cas, vous voyez le m\u00eame arbre. Mais les SPA se distinguent par leur rapidit\u00e9 lorsque vous demandez de nouveaux contenus, par exemple, en cliquant sur \u201csuivant\u201d, en filtrant les r\u00e9sultats, en ouvrant un e-mail ou, dans notre cas, en demandant un arbre diff\u00e9rent.<\/p>\n<p>Sur un site web traditionnel, si vous demandez un nouvel arbre, le serveur devra repeindre le tableau entier et le renvoyer.<br \/>\n&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.bloomreach.com\/wp-content\/uploads\/2024\/05\/fr_br_traditional_2.gif\" \/><\/p>\n<p>Sur une SPA, le serveur dit : \u201cj\u2019ai un nouvel arbre pour vous, mais vous avez d\u00e9j\u00e0 la maison donc n\u2019y touchez pas\u201d. Puis, il envoie \u00e0 la page des instructions mises \u00e0 jour et la peinture n\u00e9cessaire pour produire un nouvel arbre.<\/p>\n<p>En transf\u00e9rant le travail de peinture (ou de rendu de la page) du serveur au client (vous), la page peut \u00eatre r\u00e9\u00e9crite de mani\u00e8re dynamique au lieu d\u2019\u00eatre enti\u00e8rement recharg\u00e9e. <strong>Ce qui acc\u00e9l\u00e8re consid\u00e9rablement les choses.<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.bloomreach.com\/wp-content\/uploads\/2024\/05\/fr_br_singlepage_application_2.gif\" \/><\/p>\n<h3><strong>Les avantages des SPA<\/strong><\/h3>\n<p>Il existe de nombreux avantages aux SPA, tant du point de vue de l\u2019<a href=\"https:\/\/www.bloomreach.com\/en\/blog\/ecommerce-customer-experience\">exp\u00e9rience client<\/a> que du point de vue du d\u00e9veloppement back-end. L&rsquo;am\u00e9lioration des performances et de la coh\u00e9rence des applications, la r\u00e9duction du temps de d\u00e9veloppement et la diminution des co\u00fbts d&rsquo;infrastructure vous permettent non seulement d&rsquo;offrir une exp\u00e9rience plus agr\u00e9able \u00e0 vos utilisateurs, mais aussi d&rsquo;aider les \u00e9quipes de d\u00e9veloppement \u00e0 travailler plus efficacement.<br \/>\n&nbsp;<br \/>\nEn s\u00e9parant la pr\u00e9sentation, d\u2019un c\u00f4t\u00e9, et le contenu et les donn\u00e9es, de l\u2019autre, les \u00e9quipes de d\u00e9veloppement peuvent travailler \u00e0 des rythmes diff\u00e9rents tout en restant int\u00e9gr\u00e9es et en travaillant \u00e0 une solution globale. Les SPA permettent \u00e9galement de r\u00e9aliser des designs r\u00e9actifs (responsive) pour les appareils mobiles, les ordinateurs de bureau et les tablettes.<\/p>\n<p><strong>Avantage n\u00b01 : Un seul chargement du code HTML, CSS, JS<\/strong><\/p>\n<p>Avec une SPA, apr\u00e8s le chargement de la page initiale, le serveur ne vous envoie plus de code HTML : vous le t\u00e9l\u00e9chargez enti\u00e8rement au d\u00e9but. Le serveur vous envoie un mod\u00e8le (ou shell) et votre navigateur affiche l\u2019interface utilisateur (UI).<\/p>\n<p>Puis, \u00e0 chaque fois que l\u2019utilisateur clique, la SPA envoie des demandes de donn\u00e9es et de balises. Le serveur renvoie les mat\u00e9riaux bruts n\u00e9cessaires et votre navigateur affiche une interface utilisateur actualis\u00e9e, en interchangeant des \u00e9l\u00e9ments sans jamais devoir rafra\u00eechir la page enti\u00e8re. Gr\u00e2ce \u00e0 cette interchangeabilit\u00e9 rapide, les SPA sont incroyablement utiles sur les pages qui g\u00e9n\u00e8rent beaucoup de trafic et qui utilisent des templates r\u00e9p\u00e9titifs.<\/p>\n<p><strong>Avantage n\u00b02 : Aucune requ\u00eate suppl\u00e9mentaire au serveur<\/strong><\/p>\n<p>Comme le serveur ne gaspille pas son temps et son \u00e9nergie \u00e0 ex\u00e9cuter de multiples requ\u00eates, les SPA r\u00e9duisent l\u2019impact global sur vos serveurs. Vous pouvez donc \u00e9conomiser de l\u2019argent en utilisant moins de serveurs pour le m\u00eame volume de trafic.<\/p>\n<p><strong>Avantage n\u00b03 : Conception r\u00e9active et rapide du front-end<\/strong><\/p>\n<p>Outre des performances plus rapides, les SPA permettent \u00e9galement aux d\u00e9veloppeurs de construire plus rapidement le front-end des sites. Cela est d\u00fb au d\u00e9couplage de l&rsquo;architecture des SPA, c&rsquo;est-\u00e0-dire \u00e0 la s\u00e9paration des services back-end et de l&rsquo;interface front-end.<\/p>\n<p>Au niveau du back-end, de nombreuses fonctionnalit\u00e9s restent globalement identiques. La fa\u00e7on dont vos clients se connectent, cr\u00e9ent un compte, ach\u00e8tent et suivent leurs commandes peut changer de forme, d&rsquo;aspect ou de pr\u00e9sentation de temps en temps, mais la logique et l&rsquo;orchestration des donn\u00e9es qui se cachent derri\u00e8re sont plut\u00f4t constantes &#8211; et mieux vaut ne pas risquer de tout faire d\u00e9railler.<\/p>\n<p>De la m\u00eame mani\u00e8re, vos donn\u00e9es et votre contenu bruts peuvent rester identiques, mais la fa\u00e7on dont vous souhaitez les afficher peut varier. En d\u00e9couplant les donn\u00e9es du back-end de la mani\u00e8re dont elles sont pr\u00e9sent\u00e9es, vous les transformez en un \u201cservice\u201d et les d\u00e9veloppeurs peuvent cr\u00e9er de nombreuses mani\u00e8res diff\u00e9rentes d&rsquo;afficher et d&rsquo;utiliser ce service.<\/p>\n<p>Avec une <a href=\"https:\/\/www.bloomreach.com\/fr\/cas-d-utilisation\/headless-commerce\">interface d\u00e9coupl\u00e9e<\/a>, les d\u00e9veloppeurs peuvent construire, d\u00e9ployer et exp\u00e9rimenter, le front-end \u00e9tant compl\u00e8tement ind\u00e9pendant du back-end. Ils donnent \u00e0 l\u2019exp\u00e9rience utilisateur l\u2019aspect d\u00e9sir\u00e9, puis r\u00e9cup\u00e8rent le contenu, les donn\u00e9es et les fonctionnalit\u00e9s par le biais de ces services.<\/p>\n<p>Ce processus fonctionne via des API, c\u2019est-\u00e0-dire un ensemble de r\u00e8gles qui r\u00e9gissent la fa\u00e7on dont les applications structurent, s\u2019\u00e9changent et reconstituent les donn\u00e9es.<br \/>\n&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.bloomreach.com\/wp-content\/uploads\/2024\/05\/fr_bloomreach_rebrand.jpg\" \/><\/p>\n<p>Cette configuration permet aux d\u00e9veloppeurs de travailler rapidement sur l\u2019interface utilisateur sans risquer de compromettre les technologies back-end.<\/p>\n<p>\n<strong>Pour aller plus loin : <a href=\"https:\/\/www.bloomreach.com\/en\/blog\/composable-commerce\">Qu\u2019est-ce que le commerce composable<\/a>?&nbsp;[blog]<\/strong><\/p>\n<p>\n<strong>Avantage n\u00b04 : Am\u00e9lioration de l\u2019exp\u00e9rience utilisateur<\/strong><\/p>\n<p>Comme de plus en plus de fonctionnalit\u00e9s sont con\u00e7ues comme des services modulaires qui peuvent \u00eatre mis \u00e0 jour individuellement (une architecture de microservices), il est alors plus facile d&rsquo;exp\u00e9rimenter et de tester de nouvelles fa\u00e7ons de les pr\u00e9senter et de les utiliser.<br \/>\n&nbsp;<br \/>\nLes frameworks SPA sont parfaits pour tester ces services et cr\u00e9er des exp\u00e9riences engageantes, dynamiques, voire anim\u00e9es.<\/p>\n<p>De plus, beaucoup de personnes pr\u00e9f\u00e8rent d\u00e9velopper dans un langage de programmation bien pr\u00e9cis (de nombreux frameworks SPA utilisent JavaScript) et gr\u00e2ce aux API, les SPA que vous d\u00e9veloppez dans un langage peuvent parfaitement fonctionner avec des services back-end d\u00e9velopp\u00e9s dans un langage diff\u00e9rent.<\/p>\n<p>\n<strong>Pour aller plus loin : <a href=\"\/site\/fr\/fr\/blog\/2019\/quest-ce-que-le-commerce-omnicanal\">Qu&rsquo;est-ce que le commerce omnicanal ? D\u00e9finition, avantages et tendances<\/a>&nbsp;[blog]<\/strong><\/p>\n<h3>\n<strong>Angular, React, Ember ou Vue : quel framework est le plus adapt\u00e9 aux SPA ?<\/strong><\/h3>\n<p>Angular, React, Ember et Vue sont quelques-uns des frameworks utilis\u00e9s par les d\u00e9veloppeurs pour cr\u00e9er des SPA de mani\u00e8re simple et efficace.<\/p>\n<p>En bref, ces frameworks sont un ensemble de composants r\u00e9utilisables, auxquels de nombreux d\u00e9veloppeurs ont contribu\u00e9 et qui ob\u00e9issent \u00e0 toute une s\u00e9rie de r\u00e8gles de construction.<\/p>\n<p>On pourrait comparer la construction d\u2019une SPA \u00e0 celle d\u2019une maison. Vous pouvez m\u00e9langer l\u2019argile, s\u00e9cher les briques, extraire et mouler l\u2019acier vous-m\u00eame, ou vous pouvez utiliser les briques et les tuyaux que d\u2019autres personnes ont con\u00e7us et consacrez tout votre temps et votre \u00e9nergie \u00e0 rendre votre maison unique.<\/p>\n<p><a href=\"https:\/\/medium.com\/pixelpassion\/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176\" target=\"_blank\" rel=\"noopener\">Chaque framework est diff\u00e9rent<\/a>, mais l\u2019avantage des SPA et des frameworks sur lesquels elles s\u2019appuient, c\u2019est qu\u2019avec de bonnes API et int\u00e9grations, vous pouvez utiliser le framework de votre choix et le combiner avec d\u2019autres technologies bas\u00e9es sur des API.<\/p>\n<h3>\n<strong>Pourquoi les SPA et les CMS ne font-ils g\u00e9n\u00e9ralement pas bon m\u00e9nage ?<\/strong><\/h3>\n<p>Lorsqu\u2019ils utilisent des SPA, les d\u00e9veloppeurs pensent l\u2019exp\u00e9rience comme une application. Mais le visiteur d\u2019un site, lui, consid\u00e9rera qu\u2019il s\u2019agit d\u2019une page web. Et derri\u00e8re chaque page web se cache une \u00e9quipe marketing d\u00e9sireuse de l\u2019optimiser.<\/p>\n<p>Comme les SPA sont des applications qui n\u00e9cessitent un travail de d\u00e9veloppement pour fa\u00e7onner l\u2019exp\u00e9rience qu\u2019on souhaite proposer, les professionnels du marketing sont contraints de demander de l\u2019aide aux d\u00e9veloppeurs \u00e0 chaque fois qu\u2019ils veulent faire des ajustements, ce qui entra\u00eene in\u00e9vitablement des ralentissements.<\/p>\n<p>\n<strong>Raison n\u00b01 : Absence d\u2019outils d\u2019\u00e9dition compris par les professionnels du marketing<\/strong><\/p>\n<p>Les fonctions d&rsquo;\u00e9dition dont sont habituellement dot\u00e9s les syst\u00e8mes de gestion de contenu utilis\u00e9s par les \u00e9quipes marketing, comme l&rsquo;aper\u00e7u, la fonctionnalit\u00e9 \u00ab\u00a0glisser-d\u00e9poser\u00a0\u00bb et l&rsquo;\u00e9diteur WYSIWYG, se situent g\u00e9n\u00e9ralement au niveau de la livraison dans un CMS.<br \/>\n&nbsp;<br \/>\nMais les choses se compliquent avec les SPA. Le niveau de livraison est d\u00e9termin\u00e9 par la SPA et le contenu est simplement stock\u00e9 dans le CMS sous une forme standard que les API peuvent lire. Comme la SPA est pr\u00e9sent\u00e9e sur le front-end, le CMS dans le back-end ne sait pas \u00e0 quoi elle devrait ressembler et ne peut donc pas lancer un aper\u00e7u.<br \/>\n&nbsp;<br \/>\nLes utilisateurs du CMS se retrouvent donc prisonniers d&rsquo;une approche d\u00e9su\u00e8te : remplir un formulaire, croiser les doigts, cliquer sur \u00ab\u00a0publier\u00a0\u00bb et aller voir ce que \u00e7a donne en vrai.<\/p>\n<p>Pour revenir \u00e0 notre exemple du tableau, le CMS stocke le contenu brut (la peinture) tandis que la SPA d\u00e9tient le guide d\u00e9taillant quels points relier pour obtenir l&rsquo;image d\u00e9sir\u00e9e. Comme l&rsquo;aper\u00e7u ne dispose pas de ce guide, il ne peut pas d\u00e9terminer \u00e0 quoi le contenu doit ressembler.<\/p>\n<p>Il s&rsquo;agit d&rsquo;une livraison de contenu purement \u00ab\u00a0headless\u00a0\u00bb (le niveau de livraison du CMS ne constitue pas une \u00ab\u00a0t\u00eate\u00a0\u00bb). Cette approche est id\u00e9ale pour assurer un d\u00e9veloppement rapide, mais les choses se corsent lorsque les professionnels du marketing souhaitent modifier le site par eux-m\u00eames sans avoir \u00e0 coder.<\/p>\n<p>De plus, les marketeurs ont l&rsquo;habitude de penser au contenu du site en termes de \u00ab\u00a0pages\u00a0\u00bb. Mais comme une SPA est une page unique, les fonctions de construction et d&rsquo;\u00e9dition de pages dont ces sp\u00e9cialistes du marketing ont besoin ne sont pas disponibles. S&rsquo;ils veulent cr\u00e9er une nouvelle \u00ab\u00a0page\u00a0\u00bb (appel\u00e9e \u00ab\u00a0route\u00a0\u00bb dans une SPA) ou modifier l&rsquo;apparence d&rsquo;une page existante, ils doivent demander \u00e0 un d\u00e9veloppeur de s&rsquo;en charger.<\/p>\n<p><strong>Pour aller plus loin : <a href=\"https:\/\/www.bloomreach.com\/en\/blog\/2019\/05\/what-is-customer-experience\">CMS headless vs CMS d\u00e9coupl\u00e9 : le guide complet<\/a>&nbsp;[blog]<\/strong><\/p>\n<p><strong>Raison n\u00b02 : Difficult\u00e9s \u00e0 r\u00e9utiliser le contenu<\/strong><\/p>\n<p>Ce probl\u00e8me est d\u00fb \u00e0 deux raisons principales : l&rsquo;obsolescence des syst\u00e8mes de gestion de contenu et le design des SPA.<\/p>\n<p>Tout d&rsquo;abord, certains syst\u00e8mes de gestion de contenu ne proposent pas de d\u00e9couplage entre la pr\u00e9sentation du contenu et son stockage. \u00c9tant donn\u00e9 que le stockage du contenu ne se fait pas dans un format standard et neutre du point de vue de la pr\u00e9sentation, la SPA ne peut pas utiliser ce contenu comme elle le souhaiterait, c&rsquo;est-\u00e0-dire via une API.&nbsp;<\/p>\n<p>Bien entendu, ce probl\u00e8me ne se limite pas \u00e0 l&rsquo;utilisation des SPA. Ce type de CMS rend impossible la r\u00e9utilisation du contenu sur tous les canaux en g\u00e9n\u00e9ral. Comme le contenu est li\u00e9 \u00e0 son mode de pr\u00e9sentation (un syst\u00e8me bas\u00e9 sur les pages), il serait impossible pour un utilisateur de consulter sur sa montre connect\u00e9e la FAQ que vous affichez sur votre site web : il faudrait que vous stockiez le m\u00eame contenu de deux mani\u00e8res diff\u00e9rentes.<\/p>\n<p>Pour fonctionner correctement, les SPA doivent donc \u00eatre associ\u00e9es \u00e0 un CMS bas\u00e9 sur le contenu afin de pouvoir extraire le contenu brut et le pr\u00e9senter sous la forme ad\u00e9quate.<\/p>\n<p>Du c\u00f4t\u00e9 des SPA, la difficult\u00e9 tient au fait que de nombreux sites web ont d\u00e9sormais une configuration hybride.<\/p>\n<p>Si certaines parties d&rsquo;un site peuvent \u00eatre con\u00e7ues comme une SPA, d&rsquo;autres peuvent \u00eatre d\u00e9velopp\u00e9es dans le format traditionnel d&rsquo;un site multi-pages, souvent plus adapt\u00e9 au r\u00e9f\u00e9rencement. Bien que ces deux approches soient diff\u00e9rentes, il est n\u00e9cessaire de pr\u00e9server une certaine coh\u00e9sion entre les pages.<\/p>\n<p>Si votre configuration est constitu\u00e9e de deux blocs de contenu (un pour le site traditionnel et un pour la SPA), cette coh\u00e9sion risque d&rsquo;\u00e9clater. Votre contenu doit fonctionner dans les deux cas pour offrir une exp\u00e9rience utilisateur fluide.<\/p>\n<p><strong>Raison n\u00b03 : Difficult\u00e9s de personnalisation et de pertinence<\/strong><\/p>\n<p>Il est de plus en plus essentiel que les sites web, et en particulier les entreprises de ecommerce, offrent des <a href=\"\/site\/fr\/fr\/blog\/2017\/personnalisation-e-commerce-votre-guide-complet\">exp\u00e9riences personnalis\u00e9es<\/a> aux utilisateurs. Si elles ne disposent pas de l\u2019architecture ad\u00e9quate pour supporter un niveau \u00e9lev\u00e9 de personnalisation, les SPA peuvent se r\u00e9v\u00e9ler inefficaces.<\/p>\n<p>Le probl\u00e8me, c&rsquo;est que les capacit\u00e9s de personnalisation et de pertinence reposent g\u00e9n\u00e9ralement sur des chargements complets de pages. Elles n\u00e9cessitent des donn\u00e9es en temps r\u00e9el, et sans le CMS ad\u00e9quat, les SPA ne peuvent pas afficher de contenu avec autant de contexte, ce qui peut \u00eatre un probl\u00e8me lorsque votre objectif est de proposer un contenu pertinent et personnalis\u00e9.<\/p>\n<p>De plus, un certain nombre de CMS impl\u00e9mentent la personnalisation du c\u00f4t\u00e9 client. Malheureusement, ces r\u00e8gles de personnalisation JavaScript ne font pas bon m\u00e9nage avec le JavaScript de la SPA.<\/p>\n<p><strong>Pour aller plus loin : <a href=\"https:\/\/www.bloomreach.com\/en\/blog\/the-personalization-puzzle-assembling-the-pieces-of-connected-commerce-experiences\">Le puzzle de la personnalisation : assembler les pi\u00e8ces du commerce connect\u00e9<\/a> [blog]<\/strong><\/p>\n<h3><strong>Face aux SPA, les professionnels du marketing sont-ils condamn\u00e9s ?<\/strong><\/h3>\n<p>Bien s\u00fbr que non ! Vous avez simplement besoin d\u2019un CMS dont l\u2019architecture permet l\u2019utilisation d\u2019une SPA, autrement dit un CMS bas\u00e9 sur une API o\u00f9 le contenu et sa pr\u00e9sentation sont d\u00e9coupl\u00e9s. Et vous avez aussi besoin d\u2019un syst\u00e8me compatible avec une SPA qui fournit des outils d\u2019\u00e9dition et un mode aper\u00e7u, supporte une configuration hybride et rend la personnalisation possible du c\u00f4t\u00e9 du serveur.<\/p>\n<p>C\u2019est exactement ce que <a href=\"https:\/\/www.bloomreach.com\/fr\/products\/content\">Bloomreach Content<\/a> offre. Notre plateforme de contenu headless, pens\u00e9e pour le ecommerce, vous permet de g\u00e9rer votre site en toute simplicit\u00e9 et d\u2019optimiser chaque point de contact avec l\u2019utilisateur gr\u00e2ce aux puissantes API et solutions logicielles de Bloomreach, con\u00e7ues pour vous aider \u00e0 capter plus de chiffre d\u2019affaires.<\/p>\n<p>Et la personnalisation n&rsquo;aura jamais \u00e9t\u00e9 aussi facile qu\u2019en combinant la puissance de notre gestionnaire d&rsquo;exp\u00e9rience headless avec <a href=\"https:\/\/www.bloomreach.com\/fr\/produits\/engagement\">Bloomreach Engagement<\/a>, notre plateforme de donn\u00e9es clients en temps r\u00e9el avec automatisation intelligente du marketing.<\/p>\n<p>Vous voulez en savoir plus sur la fa\u00e7on dont Bloomreach peut aider votre entreprise ? Lisez nos articles ci-dessous pour d\u00e9couvrir nos technologies innovantes :<\/p>\n<ul>\n<li><a href=\"https:\/\/www.bloomreach.com\/en\/blog\/2018\/08\/personalization-and-hybrid-support-for-single-page-applications\">Bloomreach facilite l&rsquo;utilisation d&rsquo;applications monopages (SPA) pour les d\u00e9veloppeurs et les professionnels du marketing<\/a><\/li>\n<li><a href=\"https:\/\/www.bloomreach.com\/site\/en\/blog\/2018\/cms-that-works-with-spas-angularjs-react\">Personnalisation et support hybride pour applications monopages (SPA)<\/a><\/li>\n<\/ul>\n<p>Pr\u00eat\u00b7e \u00e0 d\u00e9ployer un CMS pour assurer l\u2019avenir de votre entreprise ? <a href=\"https:\/\/www.bloomreach.com\/fr\/demande-de-demo\">Planifiez une d\u00e9mo personnalis\u00e9e avec Bloomreach d\u00e8s aujourd\u2019hui<\/a>.<br \/>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les applications monopages (SPA, de l\u2019anglais single page applications) sont partout. Il se peut que vous en utilisiez r\u00e9guli\u00e8rement, m\u00eame si vous ne savez pas exactement de quoi il s\u2019agit. Ces applications sont un formidable outil, qui rend l\u2019exp\u00e9rience des utilisateurs unique et engageante. Une application monopage est un site ou une application web qui [&hellip;]<\/p>\n","protected":false},"author":141,"featured_media":21177,"template":"","ew-regions":[],"ew-solutions":[],"library_type":[75],"library_blog_tag":[438],"industry":[],"channel":[],"topic":[],"class_list":["post-21229","library","type-library","status-publish","has-post-thumbnail","hentry","library_type-blog","library_blog_tag-commerce-headless"],"acf":{"library_blog_banner_content":"","library_blog_banner_cta1_text":"","library_blog_banner_cta1_href":"","library_blog_banner_cta1_new_tab":false,"library_blog_banner_cta2_text":"","library_blog_banner_cta2_href":"","library_blog_banner_cta2_new_tab":false,"library_blog_banner_bg_color":"#EAF7FE","library_blog_banner_cta_text_color":"#FFF","library_blog_banner_cta_bg_color":"#019ACE","library_blog_banner_cta2_text_color":"#000","library_blog_banner_cta2_bg_color":"#FFF","library_blog_chatgpt_content":"","library_blog_chatgpt_cta_href":"","library_blog_chatgpt_cta_text":"Ask ChatGPT"},"_links":{"self":[{"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/library\/21229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/library"}],"about":[{"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/types\/library"}],"author":[{"embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/users\/141"}],"version-history":[{"count":1,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/library\/21229\/revisions"}],"predecessor-version":[{"id":51452,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/library\/21229\/revisions\/51452"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/media\/21177"}],"wp:attachment":[{"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/media?parent=21229"}],"wp:term":[{"taxonomy":"ew_regions","embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/ew-regions?post=21229"},{"taxonomy":"ew_solutions","embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/ew-solutions?post=21229"},{"taxonomy":"library_type","embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/library_type?post=21229"},{"taxonomy":"library_blog_tag","embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/library_blog_tag?post=21229"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/industry?post=21229"},{"taxonomy":"channel","embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/channel?post=21229"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.bloomreach.com\/fr\/wp-json\/wp\/v2\/topic?post=21229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}