Nous allons vous montrer comment utiliser Amazon CloudFront pour architecturer votre site de façon à pouvoir diffuser du contenu statique et dynamique. Vous découvrirez comment configurer des serveurs d'origines multiples dans Amazon CloudFront pour bénéficier de l’accélération fournie par Amazon CloudFront, que vous hébergiez vos sites sur Amazon EC2 ou sur vos serveurs actuels. Vous verrez comment paramétrer Amazon CloudFront pour personnaliser vos pages web pour chaque internaute, et comment protéger la distribution de contenus privés.

1. Jan Borch
Distribution complète d’un site avec le CDN
Amazon CloudFront
AWS Solutions Architect

2. L’utilisateur veut un site web …

3. L’utilisateur veut un site web …
Toujours disponible
et une accessibilité
mondiale
En permanence
des nouvelles
fonctionnalités
Une application
riche et
personnalisée

4. L’utilisateur veut aussi…
Un site avec des
temps de réponse
rapide

5. “40% of people abandon a website that takes more
than 3 seconds to load”
http://blog.kissmetrics.com/loading-time/

6. Comment?

7. Comment améliorer le temps de chargement de page?
Temps de chargement =
Latence réseau + Temps de réponse serveur

8. … en ajoutant de la capacité

9. En ajoutant de la capacité

10. En utilisant des serveur de cache

11. Latence réseau? Multi region?

12. Optimisez la latence réseau
…

13. … et réduisez la charge de votre site
avec
Amazon CloudFront

14. Architecture typique d’un site web
Elastic Load
Balancing
Contenu dynamique
Amazon EC2
www.example.com/*.php
OR
Custom Origin

15. Architecture typique d’un site web
Elastic Load
Balancing
Contenu dynamique
Amazon EC2
Contenu statique
Amazon S3
cdn.example.com/*.jpg
www.example.com/*.php
Custom Origin
OR
OR
Custom Origin

16. CDN Amazon CloudFront
Contenu statique
Amazon S3
cdn.example.com/image.jpg
Custom Origin
OR
Paris
Tokyo
NY

17. CDN Amazon CloudFront
Contenu statique
Amazon S3
cdn.example.com/image.jpg
Custom Origin
OR
90ms
Paris
Tokyo
NY

18. CDN Amazon CloudFront
Contenu statique
Amazon S3
cdn.example.com/image.jpg
Custom Origin
OR
90ms
Paris
Tokyo
NY
Image.jpg

19. Réseau CloudFront global
Europe
Amsterdam (2)
Dublin
Frankfurt (2)
London (2)
Madrid
Milan
Paris (2)
Stockholm
Asia
Hong Kong (2)
Osaka
Singapore (2)
Tokyo (2)
South America
Sao Paulo
North America
Ashburn, VA (2)
Dallas, TX (2)
Hayward, CA
Jacksonville, FL
Los Angeles, CA (2)
Miami, FL
Newark, NJ
New York, NY (3)
Palo Alto, CA
Seattle, WA
San Jose, CA
South Bend, IN
St. Louis, MO
Australia
Sydney

20. Distribution le contenu statique par Amazon CloudFront

21. Mes pages sont dynamiques,
je ne sais pas utiliser de serveur de cache!

22. Dynamique
Statique
Example de site personalisée

23. Origines multiples
Elastic Load
Balancing
Contenu dynamique
Amazon EC2
Contenu statique
Amazon S3 Custom Origin
OR
OR
Custom Origin
Amazon CloudFront
www.example.com
*.jpg
*.php

24. Origines multiples – Time To Live (TTL)
0 ∞

25. Origines multiples - tenir compte des paramètres HTTP
www.example.com/search.php?query=AWS
≠
www.example.com/search.php?query=Amazon

26. Exemples
• Media
• Météo
• Sport
• Social Media
• Publicité
• Voyage
• Finance

27. Distribution complète avec Amazon CloudFront

28. TTL = 0 ?

29. Le problème de la performance
Distances longues + réseau non fiable =
Temps de chargement lent

30. Avec Amazon CloudFront
Amazon CloudFront change l’équation en …
Distances courtes + réseau optimisé =
Temps de chargement rapide

31. Réseau optimisé
Dynamic Content
Static Content
Amazon CloudFront
www.example.com
*.jpg
*.php
Latence réduite
Optimisation TCP/IP
Connexion persistante
Réseau supervisé

32. Terminaison SSL aux serveurs périphériques
Dynamic Content
Static Content
Amazon CloudFront
https://www.example.com
*.jpg
*.php
https http ou httpsCert:
example.com

33. Mise en place rapide

34. Création d’une distribution

35. Paramétrage de l’origine

36. Paramétrage du cache

37. Paramétrage de la distribution

38. Distribution avec des origines multiples

39. Configuration du routage des origines multiples

40. Coût réduit
Le même prix pour le contenu statique et dynamique!
Prix réduit pour les origines Amazon S3 and EC2 NEW!
Tarifs avantageux par rapport au prix du trafic sortant AWS (>10 TB)
Tarif réduit avec réservation de capacité et paiement à l’avance

41. Resources
Get Started at: http://aws.amazon.com/cloudfront/

42. François
Pacot

43. CASUAL & SOCIAL GAMES COMPANY
Distribution avec le CDN
Amazon CloudFront
02/07/2013 AWS Summit 2013 | Paris 43

44. CASUAL & SOCIAL GAMES COMPANY
Sommaire
• Introduction
• Problématique
• Croitre rapidement à l’international
• Le CDN CLoudFront
• Déploiement
• Performance
• Résultats
02/07/2013 AWS Summit 2013 | Paris PAGE 44

45. CASUAL & SOCIAL GAMES COMPANY
Introduction
• 2ème acteur Français sur Facebook
• 7 millions de MAU
• 1 Million de connections / jours
• Countries
• US, BR, UK, DE, FR, BR, IT…
• 93% à l’international
02/07/2013 AWS Summit 2013 | Paris PAGE 45

46. CASUAL & SOCIAL GAMES COMPANY
Problématiques
02/07/2013 AWS Summit 2013 | Paris PAGE 46

47. CASUAL & SOCIAL GAMES COMPANY
Problématiques
• Forte croissance
• Sortie limitée à 250 Mbps / serveur
• Gros besoins en Bande-Passante
• Plusieurs To / jours
• Jusqu’à 2 Gbps
• Joueurs exigeants
• Réduire les temps de chargement
• Partout dans le monde
02/07/2013 AWS Summit 2013 | Paris PAGE 47
CDN Obligatoire

48. CASUAL & SOCIAL GAMES COMPANY
CDN CloudFront
02/07/2013 AWS Summit 2013 | Paris PAGE 48

49. CASUAL & SOCIAL GAMES COMPANY
CDN CloudFront
• Simplicité de déploiement
• Configuration du Domain Name
• Configuration de l’Origin
02/07/2013 AWS Summit 2013 | Paris PAGE 49
3 min

50. CASUAL & SOCIAL GAMES COMPANY
CDN CloudFront
• Performance
02/07/2013 AWS Summit 2013 | Paris PAGE 50
Réponse + rapide
Temps de réponse + constant
Différence importante

51. CASUAL & SOCIAL GAMES COMPANY
Résultats
• Performance
• -60% de temps de chargement
• Fidélisation
• +17% de rétention à J+1
• +8% à J+7
• Monétisation
• +8% de revenu
02/07/2013 AWS Summit 2013 | Paris PAGE 51
Meilleur expérience
=
Meilleur monétisation

52. CASUAL & SOCIAL GAMES COMPANY
Contact
02/07/2013 AWS Summit 2013 | Paris PAGE 52
Francois Pacot
CEO
francois.pacot@royalcactus.com

53. Merci et à Bientôt !
borchj@amazon.com