«Cachez-moi cette page!»

Dimension: px

Commencer à balayer dès la page:

Download "«Cachez-moi cette page!»"

Anne-Sophie Bourgeois
il y a 10 ans
Total affichages :

1 «Cachez-moi cette page!» Atelier Pratique 1h30 Hugo Hamon

2 Qui suis-je?

3 Au menu de cet atelier 1. Introduction 2. Avantages 3. Expiration (Expires & Cache-Control) 4. Validation (Etag & Last-Modified) 5. Reverse Proxy Cache 6. Edge Side Includes

4 Introduction au Cache HTTP Mai 1996 RFC1945 (HTTP 1.0) Mars 1999 RFC2616 (HTTP 1.1)

5 Pourquoi cacher? Ne pas générer la même réponse deux fois Diminuer la charge sur le serveur web Diminuer la bande passante Diminuer les temps de chargement Servir plus de monde avec moins de serveurs Améliorer l expérience utilisateur

6 Objectifs? Etre le plus dynamique et le plus performant en sollicitant l application le moins possible.

7 Types de caches Browser Browser Browser Cache Browser Cache Proxy Cache Gateway Cache Web Server Client-Side Caching Server-Side Caching

8 Quels sont les contenus cachables? Seules les réponses à des requêtes GET et HEAD peuvent être cachées car elles ne changent pas l état de la ressource. Les requêtes POST, PUT et DELETE ne sont pas cachables!

9 Stratégies Expiration

10 Expiration Détermine la durée pendant laquelle une réponse doit être considérée «fraîche» par le cache. Au delà de cette période, la ressource est considérée comme «périmée». Avantages : soulager la charge du serveur web

11 Expiration Expires

12 Expires $expires = new \DateTime(' :00:00'); $expires->settimezone(new \DateTimeZone('UTC')); $date = $expires->format('d, d M Y H:i:s'); PHP header(sprintf('expires: %s GMT', $date)); HTTP/ OK Date: Thu, 18 Aug :19:10 GMT Expires: Sat, 15 Oct :00:00 GMT Content-Type: text/html <html>... </html> HTTP

13 Expiration Cache-Control

14 Cache-Control header('http/ OK'); header('cache-control: private, maxage=60'); PHP HTTP/ OK Date: Thu, 18 Aug :29:30 GMT Cache-Control: private, maxage=60 Content-Type: text/html <html>... </html> HTTP

15 Stratégies Validation

16 Validation Détermine si une ressource a changé depuis la dernière demande du client en marquant cette dernière à l aide d un identifiant ou d un tampon. Avantages : diminuer le trafic sur le réseau

17 Validation 304 est votre ami!

18 Validation Etag If-None-Match

19 Entity Tag // Generate the resource etag $etag = 'abcdef'; PHP header('http/ OK'); header('etag: '. $etag); HTTP/ OK Date: Thu, 18 Aug :33:12 GMT Etag: abcdef Content-Type: text/html <html>... </html> HTTP

20 If-None-Match // Generate the resource etag $etag = 'abcdef'; PHP if (isset($_server['http_if_none_match']) && $etag === $_SERVER['HTTP_IF_NONE_MATCH']) { } header('http/ Not Modified'); exit;

21 If-None-Match GET /etag.php HTTP/1.1 Host: If-None-Match: abcdef HTTP HTTP/ Not Modified HTTP

22 Validation Last-Modified If-Modified-Since

23 Last-Modified // Determine the last modified date $date = 'Sat, 12 Aug :00:00 GMT'; PHP header('http/ OK'); header('last-modified: '. $date); HTTP/ OK Date: Thu, 18 Aug :07:55 GMT Last-Modified: Sat, 12 Aug :00:00 GMT Content-Type: text/html <html>... </html> HTTP

24 If-Modified-Since // Determine the last modified date $date = 'Sat, 12 Aug :00:00 GMT'; PHP if (isset($_server['http_if_modified_since']) && $date === $_SERVER['HTTP_IF_MODIFIED_SINCE']) { } header('http/ Not Modified'); exit;

25 If-Modified-Since GET /last-modified.php HTTP/1.1 Host: If-Modified-Since: Sat, 12 Aug :00:00 GMT HTTP HTTP/ Not Modified HTTP

26 Validation & Expiration Combiner les deux stratégies reste possible en sachant que l expiration l emporte d abord sur la validation.

27 Cache côté serveur Reverse Proxy Cache Surrogate Cache Gateway Caches

28 Reverse Proxy Cache Un reverse proxy cache siège devant le serveur web, intercepte les requêtes entrantes et retourne les réponses fraîches de son cache.

29 Quelques caches intermédiaires connus Squid Varnish Mod_Cache (Apache)

30 Varnish-Cache.org

31 Configuration de Varnish # Make Varnish listen to port 80 backend default {.host = " ";.port = "80"; } # Add ESI support header to all incoming requests sub vcl_recv { set req.http.surrogate-capability = "abc=esi/1.0"; } # Remove Surrogate-Control header from response headers # And parse the response for ESI sub vcl_fetch { if (beresp.http.surrogate-control ~ "ESI/1.0") { unset beresp.http.surrogate-control; set beresp.do_esi = true; } }

32 Cacher des réponses dans Varnish Cache-Control Public Shared MaxAge

33 Cacher des réponses dans Varnish header('http/ OK'); header('cache-control: public, s-maxage=60'); PHP HTTP/ OK Date: Thu, 18 Aug :54:08 GMT Cache-Control: public, s-maxage=60 Content-Type: text/html <html>... </html> HTTP

34 Cacher tout en restant dynamique Edge Side Includes

35 Edge Side Includes <esi:include src="/banner.html"/>

36 Edge Side Includes Non caché

37 Edge Side Includes 3600 seconds <esi:include />

38 Edge Side Includes Client Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu odio eget eros vehicula pulvinar id sed turpis. Vivamus a velit quam, auctor euismod tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit 4 Reverse Proxy Cache 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu odio eget eros vehicula pulvinar id sed turpis. Vivamus a velit quam, auctor euismod tortor. <esi:include > Lorem ipsum dolor sit amet, consectetur adipiscing elit Serveur Web

39 «Happy Caching!» Questions? Hugo Hamon

Documents pareils

L3 informatique TP n o 2 : Les applications réseau

L3 informatique TP n o 2 : Les applications réseau Sovanna Tan Septembre 2009 1/20 Sovanna Tan L3 informatique TP n o 2 : Les applications réseau Plan 1 Transfert de fichiers 2 Le Courrier électronique