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éaire Communication

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 ?