Web Caching Workshopmod_cache, Varnish,
Amazon CloudFront CDN & S3
Julia MateoCharles BlondeCyrille Le ClercSeven Le MesleStéphane Moreau
Wednesday, August 1, 12
L’équipe
§ Julia Mateo @juliamateo82§ Charles Blonde @blondecharles§ Cyrille Le Clerc @cyrilleleclerc§ Seven Le Mesle @slemesle§ Stéphane Moreau @stfmoreau
2Wednesday, August 1, 12
Cocktail
3Wednesday, August 1, 12
Initial Architecture
4
TomcatInternet
cocktail
YSlow
Initial Architecture
http://xfr-cocktail-xxx.elasticbeanstalk.com/
Wednesday, August 1, 12
Amazon S3 as a media database
5
TomcatInternet
cocktail
YSlow
Amazon S3 as a media database
http://xfr-cocktail-xxx.elasticbeanstalk.com/
S3 Simple Storage Service
http://cocktail.s3-website-us-east-1.amazonaws.com/
Wednesday, August 1, 12
Javascript and CSS libs’ CDN
6
TomcatInternet
cocktail
Javascript & CSS libs' CDN
http://xfr-cocktail-xxx.elasticbeanstalk.com/
Bootstrap
http://ajax.googleapis.com/
YSlow
Wednesday, August 1, 12
Expires Headers
7
Tomcat
Internet cocktail
Expires: ...Cache-Control: max-age ...
YSlow
Expires Headers with a Filter
http://xfr-cocktail-xxx.elasticbeanstalk.com/
Wednesday, August 1, 12
Apache Httpd as a Caching Proxy
8
TomcatInternet
cocktail
YSlow
Apache Httpd as a caching proxy
Apache
mod_cache
http://www-cocktail-xxx.aws.xebiatechevent.info/
Wednesday, August 1, 12
Varnish Caching Proxy
9
TomcatInternet
cocktail
YSlow
Varnish caching proxy
Varnish
http://www-cocktail-xxx.aws.xebiatechevent.info:6081/
Wednesday, August 1, 12
Amazon Cloud Front CDN
10
TomcatInternet
cocktailYSlow
Amazon Cloud Front CDN
Cloud Fronthttp://xfr-cocktail-xxx.elasticbeanstalk.com/
http://d1mm4v4zybjqbh.cloudfront.net/
Wednesday, August 1, 12
“Ideal” Architecture
11
Tomcat
cocktail
"Ideal" ArchitectureAmazon Cloud Front CDN + Varnish Caching Proxy
+ Google CDN & Bootstrap CDN+ Amazon S3 as a "media database"
Cloud Front
http://xyz12.cloudfront.net/
Varnish
http://www-cocktail-xxx.aws.xebiatechevent.info:6081/
http://ajax.googleapis.com/
Bootstrap
S3 Simple Storage Service
http://cocktail.s3-website-us-east-1.amazonaws.com/
Wednesday, August 1, 12
You have learned
§ Add expiration headers to a Java web application
§ Use Bootstrap CDN and Google CDN
§ Use a web server auch as Apache Httpd as a Caching Proxy
§ Use a Caching Proxy such as Varnish Cache
§ Use a Content Delivery Network such as Amazon CloudFront
§ Integrate CDN based URLs in a web application
12Wednesday, August 1, 12
Your turn!
13
https://github.com/xebia-france/workshop-web-caching-cocktail/wiki/
Wednesday, August 1, 12
One more thing
14Wednesday, August 1, 12
Le billet de blog
15Wednesday, August 1, 12
Les 10 commandements du cache
http://blog.xebia.fr/2012/07/10/les-10-commandements-du-cache/
16Wednesday, August 1, 12
