SlideShare une entreprise Scribd logo
Les bonnes pratiques
de l’hébergement d’un CMS
pour une meilleure expérience utilisateur
… le vôtre
Oxalide & les CMS
Edouard LY
@oxalide
Responsable Marketing et Communication
Ancien MOA/MOE
Nicolas Silberman
@nsilberman
Consultant Vanille Caramel
Ancien CTO de Médiapart
Welcome
Tu devrais plutôt
demander : « Mais
merde, quand
sont-ils ?! »
Mais merde,
où sont-ils ?!
Poser les 4 bonnes questions
pour s’inscrire dans
Les bonnes pratiques de l’hébergement
Votre activité digitale est un
partie essentielle de votre
stratégie ?
1
Ne fais pas attention à
l'aspect rudimentaire de
cette maquette, je n'ai pas
eu le temps de la faire à
l’échelle ni de la peindre.   
Fondation
légère
Brique Mur Cathédrale
Fondation
intermédiaire
Fondations
avancées
Peu critique Très critique
Oxalide © 2014 – Documents confidentiels
Quelle est la QoS et quelles sont les garanties
que vous exigez ?
Une stratégie d’entreprise qui
repose MAJORITAIREMENT
sur le digital
Une stratégie d’entreprise qui
repose PEU sur le digital
Quel est votre tactique
digital ? (mobile, cross, …)
Alors voilà, nous fixons un
câble électrique de type
industriel au sommet de
l’hôtel de ville et nous le
suspendons au dessus de la
rue entre ses deux
réverbères.
PRODUCT
f
g t
p
f
g t
p
MEDIA
Quelle communication avez-vous mis en place ?
Quel volumétrie de trafic attendez-vous ?
Communication qui s’appuie
sur le buzz produit ?
Communication qui s’appuie
sur un plan média
« complet » ?
A quels usages sont destinés
vos sites ou applications?
Tu lances le moteur, tu
démarres de l’autre bout de
la rue et tu fonces pour
atteindre les 88 miles à
l’heure à la hauteur de
câble. (…) Et te voilà reparti
en 1985.
2
LinéaireCommunication
Transactionnel
Les types d’usage Projection de croissance
LOGO
lifestyle
Exponentielle
Quel type de contenu statique ou dynamique ?
Quelle est la volumétrie dans les 3,6,12 prochains mois ?
Comment sont constituées et
organisées vos équipes pour le
digital ?
Auparavant, nous avons
équipés la machine à
voyager dans le temps
d’une perche et d’un
crochet directement reliés
au convecteur temporel. A
l’instant « T », calculé à la
seconde près.
3
La taille de vos équipes Workflow
Les compétences en interne
L’organisation des projets digitaux
Niveau : utilisateurs
Niveau : développement
Utilisez-vous une partie du
temps de développeur pour
gérer l’infrastructure ? Si oui,
quel temps ne passent-il pas à
travailler sur les fonctionnalités
Est-ce que une
dégradation du backoffice
à un impact sur la
productivité des utilisateurs
internes ?
Est-ce vos développeur
sont outillé pour relever les
challenges constant du
web ?
Quel budget consacrez-vous
à « l’hébergement » ?
Un éclair devrait atteindre le
sommet de l’hôtel de ville et
électrifier le câble à l’instant
précis ou le crochet fera
contact, projetant ainsi 2,21
Gigowatts dans le
convecteur temporel.
4
€
A la hauteur
de votre chiffre d’affaires
ou votre image de marque
•  Criticité de votre activité
•  Des objectifs / projections
•  Qualité de service / UX
Considérez	
  l’hébergement	
  comme	
  un	
  inves6ssement	
  plus	
  
qu’une	
  dépense.	
  Votre	
  ac6vité	
  digitale	
  repose	
  sur	
  ce<e	
  
fonda6on.	
  Le	
  budget	
  est-­‐il	
  à	
  la	
  hauteur	
  de	
  la	
  cri6cité	
  de	
  vos	
  
objec6fs	
  ?	
  
Quel est la tactique pour les atteindre ?
€
€€
€€€
Quel niveau de criticité à votre activité digitale à terme ?
Quels sont les objectifs à court et moyen/long terme ?
Quel est le budget alloué ?
€
Une architecture d’infrastructure et logicielle adaptée
Garantir une
expérience utilisateur
constante et de qualité
Parenthèse : dette technique
Serveur Web (Apache, Ngnix, …)
Langage (PHP, Java,…)
CMS (Drupal, WP, eZ, Typo3,...) Bases de
données
Moteur de
recherche
faible important
Temps de traitement et de réponse
Visiteurs et utilisateurs Ressources limitées
Efficience applicative
Parenthèse : ressources limitées
Application
CMS
Applications
sur les frontaux
Cache
frontaux
Cache
applicatif
Backend
Backoffice
Application
CMS
Des fondations modulables : scalables
La protection
des ressources
© 2013 Ironhide Game Studio. All rights reserved.
Distributeur de contenu spécialisé
dans la livraison de contenus
à haut débit
Traitement d’une requête avec du
contenus
CACHE APPLICATIONS
Le résultat stocké
dans le cache
Cache navigateur, CDN, cache « visiteurs », cache applicatif
Parenthèse : le cache
La protection des ressources
APC
Memcached
Query
Cache
10 %100 % 90 %
1er rempart 2ème rempart 3ème rempart 4ème rempart
CACHE
Contenu
Statique
Varnish / ESI
Pages
CMS
Home
Page
Médias
Autres
Pages
Contenu
Dynamique
Ajax / Cookie
Bannières Notifications
Informations client
Personnalisation
Applicatif
APC
Memcache
Query Cache
Config Caches Indexes / Flat
Application
Dashboard
DEFINIR, MESURER, MONITORER
LA PERFORMANCE
DIGITAL
CAPACITY
KPI
Le monitoring technique et UX
KPI
technique
KPI
UX
Connaissez-­‐vous	
  la	
  capacité	
  d’accueil	
  de	
  
visiteurs	
  sur	
  vos	
  sites	
  dans	
  de	
  bonnes	
  
condi6ons	
  de	
  naviga6on	
  ?	
  (sans	
  que	
  le	
  site	
  
«	
  rame	
  »)	
  	
  
Il	
  faut	
  définir	
  et	
  partager	
  des	
  
indicateurs	
  communs	
  entre	
  le	
  
MOA/MOE/OPS	
  pour	
  apprécier	
  la	
  
qualité	
  de	
  service	
  
Test #1
Aucune optimisation
Aucun Best Practice cité
Test #2
htaccess dans apache
Sans les logs
.htaccess désactives
Test #3
Ajout d’APC TEMPS	
  DE	
  REPONSES	
  DIVISER	
  PAR	
  2	
  
521	
  ms	
  
519	
  ms	
  
228	
  ms	
  
228	
  ms	
  
230	
  ms	
  
CHARGE	
  CPU	
  A	
  100%	
  
Test #4
Tuning MySQL
innodb, query cache, table cache
Test #5
APC : apc.stats=0 (le « mythe »)
Test #5
CPU
Test #6
On active la cache drupal
Test #7
Charge CPU
22,9ms	
  
TEMPS	
  DE	
  REPONSES	
  DIVISER	
  PAR	
  10	
  	
  
CHARGE	
  CPU	
  REDUITE	
  SIGNIFICATIVEMENT	
  
« le code/application reste
LES LEVIERS les plus importants
sur la dette technique »
DEFINIR, MESURER, MONITORER
LA PERFORMANCE
DITIGAL
CAPACITY
KPI
L’amélioration continue
KPI
technique
KPI
UX
L’améliora6on	
  con6nue	
  passe	
  toujours	
  par	
  
ces	
  référen6els	
  communs	
  
L’amélioration continue
Intégration Staging Pré-production Production
Codes source
Staging Pré-production Production
Pré-production
Production
Zone #1
Production
Zone #2
Projet 1
Projet 2
Projet X
Piloter vos déploiements
Bonnes pratiques : pas que techniques
1
2
3
Intégrer la performance
dès le BUILD et
dans les plans market&comm
Discutez des impacts #devops
du code et
des opérations market & comm
sur l’infrastructure
Créer et partagez des
référentiels communs
Merci… des questions ?

Contenu connexe

En vedette

Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013
Artusamak
 
Pourquoi Drupal s'impose t-il sir le web ?
Pourquoi Drupal s'impose t-il sir le web ? Pourquoi Drupal s'impose t-il sir le web ?
Pourquoi Drupal s'impose t-il sir le web ? ALTER WAY
 
Drupalcamp Nantes - Présentation Drush
Drupalcamp Nantes - Présentation DrushDrupalcamp Nantes - Présentation Drush
Drupalcamp Nantes - Présentation Drush
Artusamak
 
Drupalcamp Nantes - Présentation entités
Drupalcamp Nantes - Présentation entitésDrupalcamp Nantes - Présentation entités
Drupalcamp Nantes - Présentation entités
Artusamak
 
Drupal 8: Mobile initiative - Drupalcamp Paris 2013
Drupal 8: Mobile initiative - Drupalcamp Paris 2013Drupal 8: Mobile initiative - Drupalcamp Paris 2013
Drupal 8: Mobile initiative - Drupalcamp Paris 2013
Artusamak
 
Openlayers - Drupalcamp Paris 2013
Openlayers - Drupalcamp Paris 2013Openlayers - Drupalcamp Paris 2013
Openlayers - Drupalcamp Paris 2013
Artusamak
 
Performance barcampfinal
Performance barcampfinalPerformance barcampfinal
Performance barcampfinalOxalide
 
Docker open stack
Docker open stackDocker open stack
Docker open stack
Guangya Liu
 
Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...
Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...
Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...
Mozaic Works
 
Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009Oxalide
 
Oxalide Academy : Workshop #3 Elastic Search
Oxalide Academy : Workshop #3 Elastic SearchOxalide Academy : Workshop #3 Elastic Search
Oxalide Academy : Workshop #3 Elastic Search
Oxalide
 
Varnish & blue/green deployments
Varnish & blue/green deploymentsVarnish & blue/green deployments
Varnish & blue/green deployments
Oxalide
 
201211 drupagora hostingdrupal
201211 drupagora hostingdrupal201211 drupagora hostingdrupal
201211 drupagora hostingdrupal
Oxalide
 
Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009Oxalide
 
Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...
Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...
Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...Oxalide
 
Comprendre pour choisir son hébergement
Comprendre pour choisir son hébergementComprendre pour choisir son hébergement
Comprendre pour choisir son hébergementOxalide
 
Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...
Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...
Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...
Oxalide
 
Simple, Scalable and Secure Networking for Data Centers with Project Calico
Simple, Scalable and Secure Networking for Data Centers with Project CalicoSimple, Scalable and Secure Networking for Data Centers with Project Calico
Simple, Scalable and Secure Networking for Data Centers with Project Calico
Emma Gordon
 
Mesos Networking
Mesos NetworkingMesos Networking
Mesos Networking
Mesosphere Inc.
 
Kuryr + open shift
Kuryr + open shiftKuryr + open shift
Kuryr + open shift
Antoni Segura Puimedon
 

En vedette (20)

Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013Drupal un projet comme les autres ? Drupalcamp Paris 2013
Drupal un projet comme les autres ? Drupalcamp Paris 2013
 
Pourquoi Drupal s'impose t-il sir le web ?
Pourquoi Drupal s'impose t-il sir le web ? Pourquoi Drupal s'impose t-il sir le web ?
Pourquoi Drupal s'impose t-il sir le web ?
 
Drupalcamp Nantes - Présentation Drush
Drupalcamp Nantes - Présentation DrushDrupalcamp Nantes - Présentation Drush
Drupalcamp Nantes - Présentation Drush
 
Drupalcamp Nantes - Présentation entités
Drupalcamp Nantes - Présentation entitésDrupalcamp Nantes - Présentation entités
Drupalcamp Nantes - Présentation entités
 
Drupal 8: Mobile initiative - Drupalcamp Paris 2013
Drupal 8: Mobile initiative - Drupalcamp Paris 2013Drupal 8: Mobile initiative - Drupalcamp Paris 2013
Drupal 8: Mobile initiative - Drupalcamp Paris 2013
 
Openlayers - Drupalcamp Paris 2013
Openlayers - Drupalcamp Paris 2013Openlayers - Drupalcamp Paris 2013
Openlayers - Drupalcamp Paris 2013
 
Performance barcampfinal
Performance barcampfinalPerformance barcampfinal
Performance barcampfinal
 
Docker open stack
Docker open stackDocker open stack
Docker open stack
 
Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...
Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...
Andrei Petcu: Rocket vs Docker: Battle for the Linux Container at I T.A.K.E. ...
 
Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009
 
Oxalide Academy : Workshop #3 Elastic Search
Oxalide Academy : Workshop #3 Elastic SearchOxalide Academy : Workshop #3 Elastic Search
Oxalide Academy : Workshop #3 Elastic Search
 
Varnish & blue/green deployments
Varnish & blue/green deploymentsVarnish & blue/green deployments
Varnish & blue/green deployments
 
201211 drupagora hostingdrupal
201211 drupagora hostingdrupal201211 drupagora hostingdrupal
201211 drupagora hostingdrupal
 
Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009Clusif panoramadelacybercrimalite2009
Clusif panoramadelacybercrimalite2009
 
Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...
Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...
Gérer 100 000 visites par jour avec Magento - Les enjeux e-commerce de Prisma...
 
Comprendre pour choisir son hébergement
Comprendre pour choisir son hébergementComprendre pour choisir son hébergement
Comprendre pour choisir son hébergement
 
Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...
Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...
Les bonnes pratiques d'une architecture logicielle et infrastructure de l'héb...
 
Simple, Scalable and Secure Networking for Data Centers with Project Calico
Simple, Scalable and Secure Networking for Data Centers with Project CalicoSimple, Scalable and Secure Networking for Data Centers with Project Calico
Simple, Scalable and Secure Networking for Data Centers with Project Calico
 
Mesos Networking
Mesos NetworkingMesos Networking
Mesos Networking
 
Kuryr + open shift
Kuryr + open shiftKuryr + open shift
Kuryr + open shift
 

Similaire à AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meilleure expérience utilisateur

Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
ambin_fr
 
Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...
Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...
Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...
Paris Retail Week
 
Bureau Metier - Version 20061010
Bureau Metier - Version 20061010Bureau Metier - Version 20061010
Bureau Metier - Version 20061010Didier Girard
 
Digital : Web & Mobilité
Digital : Web & MobilitéDigital : Web & Mobilité
Digital : Web & Mobilité
Catalyse IT
 
Planon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaS
Planon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaSPlanon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaS
Planon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaS
PartnerWin - #SocialSelling StarterPacks
 
Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...
Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...
Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...
Club Alliances
 
2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...
2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...
2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...
Club Alliances
 
Le commerce conversationnel, l'avenir du e-commerce
Le commerce conversationnel, l'avenir du e-commerceLe commerce conversationnel, l'avenir du e-commerce
Le commerce conversationnel, l'avenir du e-commerce
Chatbots Paris
 
Concevoir l'expérience digitale
Concevoir l'expérience digitaleConcevoir l'expérience digitale
Concevoir l'expérience digitale
TayssirLimem
 
Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...
Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...
Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...
AT Internet
 
Les enjeux de la gestion des actifs logiciels à l’heure du cloud
Les enjeux de la gestion des actifs logiciels à l’heure du cloudLes enjeux de la gestion des actifs logiciels à l’heure du cloud
Les enjeux de la gestion des actifs logiciels à l’heure du cloud
Microsoft Ideas
 
Conception et réalisation d’un crm
Conception et réalisation d’un crmConception et réalisation d’un crm
Conception et réalisation d’un crm
Bedis Larbi
 
2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...
2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...
2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...
Club Alliances
 
SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...
SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...
SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...
Club Alliances
 
WEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FR
WEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FRWEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FR
WEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FR
Activo Consulting
 
Atelier DAM - All For Content 2021
Atelier DAM - All For Content 2021Atelier DAM - All For Content 2021
Atelier DAM - All For Content 2021
Activo Consulting
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
Net Design
 
Les défis de l'innovation Digitale By Ubudu
Les défis de l'innovation Digitale By UbuduLes défis de l'innovation Digitale By Ubudu
Les défis de l'innovation Digitale By Ubudu
LaFrenchMobile
 
[French] Matinale du Big Data Talend
[French] Matinale du Big Data Talend[French] Matinale du Big Data Talend
[French] Matinale du Big Data Talend
Jean-Michel Franco
 

Similaire à AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meilleure expérience utilisateur (20)

Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...
Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...
Qualité des parcours clients : Maîtrisez votre écosystème digital pour renfor...
 
Bureau Metier - Version 20061010
Bureau Metier - Version 20061010Bureau Metier - Version 20061010
Bureau Metier - Version 20061010
 
Digital : Web & Mobilité
Digital : Web & MobilitéDigital : Web & Mobilité
Digital : Web & Mobilité
 
Plaquette aspaway
Plaquette aspawayPlaquette aspaway
Plaquette aspaway
 
Planon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaS
Planon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaSPlanon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaS
Planon Site Alpha - Aspaway : Quels commerciaux pour vendre du SaaS
 
Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...
Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...
Solutions en mode SaaS (Software as a Service) : les PME accèdent-elles à des...
 
2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...
2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...
2010.11.26 - DSI - Comment maîtriser l'intégration du Cloud et du SaaS dans l...
 
Le commerce conversationnel, l'avenir du e-commerce
Le commerce conversationnel, l'avenir du e-commerceLe commerce conversationnel, l'avenir du e-commerce
Le commerce conversationnel, l'avenir du e-commerce
 
Concevoir l'expérience digitale
Concevoir l'expérience digitaleConcevoir l'expérience digitale
Concevoir l'expérience digitale
 
Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...
Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...
Cas client Credit Agricole - Approche data-driven : de la stratégie au déploi...
 
Les enjeux de la gestion des actifs logiciels à l’heure du cloud
Les enjeux de la gestion des actifs logiciels à l’heure du cloudLes enjeux de la gestion des actifs logiciels à l’heure du cloud
Les enjeux de la gestion des actifs logiciels à l’heure du cloud
 
Conception et réalisation d’un crm
Conception et réalisation d’un crmConception et réalisation d’un crm
Conception et réalisation d’un crm
 
2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...
2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...
2010.12.02 - le SaaS et le Cloud pour les N...ouveaux - Webinaire Aspaway - L...
 
SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...
SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...
SaaS Cloud Computing Solutions-as-a-Service - Convention des Décideurs IBM - ...
 
WEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FR
WEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FRWEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FR
WEBINAIRE DAM 2020 Analyse - Tendances - Technologie - FR
 
Atelier DAM - All For Content 2021
Atelier DAM - All For Content 2021Atelier DAM - All For Content 2021
Atelier DAM - All For Content 2021
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
Les défis de l'innovation Digitale By Ubudu
Les défis de l'innovation Digitale By UbuduLes défis de l'innovation Digitale By Ubudu
Les défis de l'innovation Digitale By Ubudu
 
[French] Matinale du Big Data Talend
[French] Matinale du Big Data Talend[French] Matinale du Big Data Talend
[French] Matinale du Big Data Talend
 

Plus de Oxalide

Terraform & Vault - Un duo d'enfer!
Terraform & Vault - Un duo d'enfer!Terraform & Vault - Un duo d'enfer!
Terraform & Vault - Un duo d'enfer!
Oxalide
 
Workshop Docker & Kubernetes - Oxalide Academy
Workshop Docker & Kubernetes - Oxalide AcademyWorkshop Docker & Kubernetes - Oxalide Academy
Workshop Docker & Kubernetes - Oxalide Academy
Oxalide
 
Morning Tech#1 BigData - Oxalide Academy
Morning Tech#1 BigData - Oxalide AcademyMorning Tech#1 BigData - Oxalide Academy
Morning Tech#1 BigData - Oxalide Academy
Oxalide
 
Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...
Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...
Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...
Oxalide
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slides
Oxalide
 
Docker compose
Docker composeDocker compose
Docker compose
Oxalide
 
Oxalide Workshop #4 - Docker, des tours dans le petit bassin
Oxalide Workshop #4 - Docker, des tours dans le petit bassinOxalide Workshop #4 - Docker, des tours dans le petit bassin
Oxalide Workshop #4 - Docker, des tours dans le petit bassin
Oxalide
 
ISO 27001 est-il soluble dans l'agilité ?
ISO 27001 est-il soluble dans l'agilité ?ISO 27001 est-il soluble dans l'agilité ?
ISO 27001 est-il soluble dans l'agilité ?
Oxalide
 
Paris hackers Meetup #12 - How to handle large audience
Paris hackers Meetup #12 - How to handle large audienceParis hackers Meetup #12 - How to handle large audience
Paris hackers Meetup #12 - How to handle large audience
Oxalide
 
La performance de vos applications Drupal
La performance de vos applications DrupalLa performance de vos applications Drupal
La performance de vos applications Drupal
Oxalide
 
Cloud & physique, mauvaises et bonnes solutions
Cloud & physique, mauvaises et bonnes solutionsCloud & physique, mauvaises et bonnes solutions
Cloud & physique, mauvaises et bonnes solutionsOxalide
 
Clusif cloud-2010-datacenter
Clusif cloud-2010-datacenterClusif cloud-2010-datacenter
Clusif cloud-2010-datacenterOxalide
 
Clusif cloud-2010-securite
Clusif cloud-2010-securiteClusif cloud-2010-securite
Clusif cloud-2010-securiteOxalide
 
Monitoring Des Applications Php, Salon Des Solutions Linux Open Source
Monitoring Des Applications Php, Salon Des Solutions Linux Open SourceMonitoring Des Applications Php, Salon Des Solutions Linux Open Source
Monitoring Des Applications Php, Salon Des Solutions Linux Open SourceOxalide
 
Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...
Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...
Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...Oxalide
 
200907 Petit Dejeuner Optimisation coûts 20m
200907 Petit Dejeuner Optimisation coûts 20m200907 Petit Dejeuner Optimisation coûts 20m
200907 Petit Dejeuner Optimisation coûts 20mOxalide
 
200907 Petit Dejeuner Cloud Computing
200907 Petit Dejeuner Cloud Computing200907 Petit Dejeuner Cloud Computing
200907 Petit Dejeuner Cloud ComputingOxalide
 
200907 Petit Dejeuner Reduction Couts
200907 Petit Dejeuner Reduction Couts200907 Petit Dejeuner Reduction Couts
200907 Petit Dejeuner Reduction CoutsOxalide
 
Barcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilitéBarcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilité
Oxalide
 
Conférence AFUP 20minutes.Fr
Conférence AFUP 20minutes.FrConférence AFUP 20minutes.Fr
Conférence AFUP 20minutes.Fr
Oxalide
 

Plus de Oxalide (20)

Terraform & Vault - Un duo d'enfer!
Terraform & Vault - Un duo d'enfer!Terraform & Vault - Un duo d'enfer!
Terraform & Vault - Un duo d'enfer!
 
Workshop Docker & Kubernetes - Oxalide Academy
Workshop Docker & Kubernetes - Oxalide AcademyWorkshop Docker & Kubernetes - Oxalide Academy
Workshop Docker & Kubernetes - Oxalide Academy
 
Morning Tech#1 BigData - Oxalide Academy
Morning Tech#1 BigData - Oxalide AcademyMorning Tech#1 BigData - Oxalide Academy
Morning Tech#1 BigData - Oxalide Academy
 
Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...
Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...
Meetup Paris Monitoring #9 : Un système de gestion et de visualisation des al...
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slides
 
Docker compose
Docker composeDocker compose
Docker compose
 
Oxalide Workshop #4 - Docker, des tours dans le petit bassin
Oxalide Workshop #4 - Docker, des tours dans le petit bassinOxalide Workshop #4 - Docker, des tours dans le petit bassin
Oxalide Workshop #4 - Docker, des tours dans le petit bassin
 
ISO 27001 est-il soluble dans l'agilité ?
ISO 27001 est-il soluble dans l'agilité ?ISO 27001 est-il soluble dans l'agilité ?
ISO 27001 est-il soluble dans l'agilité ?
 
Paris hackers Meetup #12 - How to handle large audience
Paris hackers Meetup #12 - How to handle large audienceParis hackers Meetup #12 - How to handle large audience
Paris hackers Meetup #12 - How to handle large audience
 
La performance de vos applications Drupal
La performance de vos applications DrupalLa performance de vos applications Drupal
La performance de vos applications Drupal
 
Cloud & physique, mauvaises et bonnes solutions
Cloud & physique, mauvaises et bonnes solutionsCloud & physique, mauvaises et bonnes solutions
Cloud & physique, mauvaises et bonnes solutions
 
Clusif cloud-2010-datacenter
Clusif cloud-2010-datacenterClusif cloud-2010-datacenter
Clusif cloud-2010-datacenter
 
Clusif cloud-2010-securite
Clusif cloud-2010-securiteClusif cloud-2010-securite
Clusif cloud-2010-securite
 
Monitoring Des Applications Php, Salon Des Solutions Linux Open Source
Monitoring Des Applications Php, Salon Des Solutions Linux Open SourceMonitoring Des Applications Php, Salon Des Solutions Linux Open Source
Monitoring Des Applications Php, Salon Des Solutions Linux Open Source
 
Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...
Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...
Les bonnes pratiques de l'hébergement e-commerce open-source (Conférence E Co...
 
200907 Petit Dejeuner Optimisation coûts 20m
200907 Petit Dejeuner Optimisation coûts 20m200907 Petit Dejeuner Optimisation coûts 20m
200907 Petit Dejeuner Optimisation coûts 20m
 
200907 Petit Dejeuner Cloud Computing
200907 Petit Dejeuner Cloud Computing200907 Petit Dejeuner Cloud Computing
200907 Petit Dejeuner Cloud Computing
 
200907 Petit Dejeuner Reduction Couts
200907 Petit Dejeuner Reduction Couts200907 Petit Dejeuner Reduction Couts
200907 Petit Dejeuner Reduction Couts
 
Barcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilitéBarcamp Prestashop - Améliorer la disponibilité
Barcamp Prestashop - Améliorer la disponibilité
 
Conférence AFUP 20minutes.Fr
Conférence AFUP 20minutes.FrConférence AFUP 20minutes.Fr
Conférence AFUP 20minutes.Fr
 

AgoraCMS 2014 : Les bonnes pratiques de l'hébergement d'un CMS pour une meilleure expérience utilisateur

  • 1. Les bonnes pratiques de l’hébergement d’un CMS pour une meilleure expérience utilisateur
  • 3. Edouard LY @oxalide Responsable Marketing et Communication Ancien MOA/MOE Nicolas Silberman @nsilberman Consultant Vanille Caramel Ancien CTO de Médiapart Welcome
  • 4. Tu devrais plutôt demander : « Mais merde, quand sont-ils ?! » Mais merde, où sont-ils ?! Poser les 4 bonnes questions pour s’inscrire dans Les bonnes pratiques de l’hébergement
  • 5. Votre activité digitale est un partie essentielle de votre stratégie ? 1 Ne fais pas attention à l'aspect rudimentaire de cette maquette, je n'ai pas eu le temps de la faire à l’échelle ni de la peindre.   
  • 6. Fondation légère Brique Mur Cathédrale Fondation intermédiaire Fondations avancées Peu critique Très critique Oxalide © 2014 – Documents confidentiels Quelle est la QoS et quelles sont les garanties que vous exigez ? Une stratégie d’entreprise qui repose MAJORITAIREMENT sur le digital Une stratégie d’entreprise qui repose PEU sur le digital
  • 7. Quel est votre tactique digital ? (mobile, cross, …) Alors voilà, nous fixons un câble électrique de type industriel au sommet de l’hôtel de ville et nous le suspendons au dessus de la rue entre ses deux réverbères.
  • 8. PRODUCT f g t p f g t p MEDIA Quelle communication avez-vous mis en place ? Quel volumétrie de trafic attendez-vous ? Communication qui s’appuie sur le buzz produit ? Communication qui s’appuie sur un plan média « complet » ?
  • 9. A quels usages sont destinés vos sites ou applications? Tu lances le moteur, tu démarres de l’autre bout de la rue et tu fonces pour atteindre les 88 miles à l’heure à la hauteur de câble. (…) Et te voilà reparti en 1985. 2
  • 10. LinéaireCommunication Transactionnel Les types d’usage Projection de croissance LOGO lifestyle Exponentielle Quel type de contenu statique ou dynamique ? Quelle est la volumétrie dans les 3,6,12 prochains mois ?
  • 11. Comment sont constituées et organisées vos équipes pour le digital ? Auparavant, nous avons équipés la machine à voyager dans le temps d’une perche et d’un crochet directement reliés au convecteur temporel. A l’instant « T », calculé à la seconde près. 3
  • 12. La taille de vos équipes Workflow Les compétences en interne L’organisation des projets digitaux Niveau : utilisateurs Niveau : développement Utilisez-vous une partie du temps de développeur pour gérer l’infrastructure ? Si oui, quel temps ne passent-il pas à travailler sur les fonctionnalités Est-ce que une dégradation du backoffice à un impact sur la productivité des utilisateurs internes ? Est-ce vos développeur sont outillé pour relever les challenges constant du web ?
  • 13. Quel budget consacrez-vous à « l’hébergement » ? Un éclair devrait atteindre le sommet de l’hôtel de ville et électrifier le câble à l’instant précis ou le crochet fera contact, projetant ainsi 2,21 Gigowatts dans le convecteur temporel. 4
  • 14. € A la hauteur de votre chiffre d’affaires ou votre image de marque •  Criticité de votre activité •  Des objectifs / projections •  Qualité de service / UX Considérez  l’hébergement  comme  un  inves6ssement  plus   qu’une  dépense.  Votre  ac6vité  digitale  repose  sur  ce<e   fonda6on.  Le  budget  est-­‐il  à  la  hauteur  de  la  cri6cité  de  vos   objec6fs  ?  
  • 15. Quel est la tactique pour les atteindre ? € €€ €€€ Quel niveau de criticité à votre activité digitale à terme ? Quels sont les objectifs à court et moyen/long terme ? Quel est le budget alloué ? € Une architecture d’infrastructure et logicielle adaptée Garantir une expérience utilisateur constante et de qualité
  • 16. Parenthèse : dette technique Serveur Web (Apache, Ngnix, …) Langage (PHP, Java,…) CMS (Drupal, WP, eZ, Typo3,...) Bases de données Moteur de recherche faible important Temps de traitement et de réponse
  • 17. Visiteurs et utilisateurs Ressources limitées Efficience applicative Parenthèse : ressources limitées
  • 19. La protection des ressources © 2013 Ironhide Game Studio. All rights reserved.
  • 20. Distributeur de contenu spécialisé dans la livraison de contenus à haut débit Traitement d’une requête avec du contenus CACHE APPLICATIONS Le résultat stocké dans le cache Cache navigateur, CDN, cache « visiteurs », cache applicatif Parenthèse : le cache
  • 21. La protection des ressources APC Memcached Query Cache 10 %100 % 90 % 1er rempart 2ème rempart 3ème rempart 4ème rempart
  • 22. CACHE Contenu Statique Varnish / ESI Pages CMS Home Page Médias Autres Pages Contenu Dynamique Ajax / Cookie Bannières Notifications Informations client Personnalisation Applicatif APC Memcache Query Cache Config Caches Indexes / Flat Application
  • 24. DEFINIR, MESURER, MONITORER LA PERFORMANCE DIGITAL CAPACITY KPI Le monitoring technique et UX KPI technique KPI UX Connaissez-­‐vous  la  capacité  d’accueil  de   visiteurs  sur  vos  sites  dans  de  bonnes   condi6ons  de  naviga6on  ?  (sans  que  le  site   «  rame  »)     Il  faut  définir  et  partager  des   indicateurs  communs  entre  le   MOA/MOE/OPS  pour  apprécier  la   qualité  de  service  
  • 25. Test #1 Aucune optimisation Aucun Best Practice cité Test #2 htaccess dans apache Sans les logs .htaccess désactives Test #3 Ajout d’APC TEMPS  DE  REPONSES  DIVISER  PAR  2   521  ms   519  ms   228  ms  
  • 26. 228  ms   230  ms   CHARGE  CPU  A  100%   Test #4 Tuning MySQL innodb, query cache, table cache Test #5 APC : apc.stats=0 (le « mythe ») Test #5 CPU
  • 27. Test #6 On active la cache drupal Test #7 Charge CPU 22,9ms   TEMPS  DE  REPONSES  DIVISER  PAR  10     CHARGE  CPU  REDUITE  SIGNIFICATIVEMENT  
  • 28. « le code/application reste LES LEVIERS les plus importants sur la dette technique »
  • 29. DEFINIR, MESURER, MONITORER LA PERFORMANCE DITIGAL CAPACITY KPI L’amélioration continue KPI technique KPI UX L’améliora6on  con6nue  passe  toujours  par   ces  référen6els  communs  
  • 30. L’amélioration continue Intégration Staging Pré-production Production Codes source Staging Pré-production Production Pré-production Production Zone #1 Production Zone #2 Projet 1 Projet 2 Projet X Piloter vos déploiements
  • 31. Bonnes pratiques : pas que techniques 1 2 3 Intégrer la performance dès le BUILD et dans les plans market&comm Discutez des impacts #devops du code et des opérations market & comm sur l’infrastructure Créer et partagez des référentiels communs