HTTP Caching Basics - Speaker Deck

Slide 1

Slide 1 text

For fun and proﬁt. HTTP Caching

Slide 2

Slide 2 text

HTT– WAT?

Slide 3

Slide 3 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ...

Slide 4

Slide 4 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ...

Slide 5

Slide 5 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html Accept-Encoding: gzip HTTP/1.1 200 OK Content-Type: text/html Content-Length: 1670 Content-Encoding: gzip ?W?o?6???7???-???^??tK?|h?m?T ID?????7???????9?fS,?h~xs?,??:V?2`v_??0њ?3G?A?x ...

Slide 6

Slide 6 text

GET /flaberbeezle.twizz HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 404 Not Found Content-Type: text/html Content-Length: 2475 ...

Slide 7

Slide 7 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 301 Moved Permanently Location: http://www.heeeeeeeey.com/index.html

Slide 8

Slide 8 text

CACHING MOTHER*** DO YOU SPEAK IT?

Slide 9

Slide 9 text

Validation

Slide 10

Slide 10 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 11

Slide 11 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ...

Slide 12

Slide 12 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 13

Slide 13 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ...

Slide 14

Slide 14 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 Last-Modified: Tue, 18 Dec 2012 12:53:00 GMT ...

Slide 15

Slide 15 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 16

Slide 16 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18 Dec 2012 12:53:00 GMT

Slide 17

Slide 17 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18 Dec 2012 12:53:00 GMT HTTP/1.1 304 Not Modified

Slide 18

Slide 18 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18 Dec 2012 12:53:00 GMT

Slide 19

Slide 19 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18 Dec 2012 12:53:00 GMT HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 Last-Modified: Tue, 19 Dec 2012 14:25:00 GMT ...

Slide 20

Slide 20 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18 Dec 2012 12:53:00 GMT

Slide 21

Slide 21 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 19 Dec 2012 14:25:00 GMT

Slide 22

Slide 22 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 19 Dec 2012 14:25:00 GMT HTTP/1.1 304 Not Modified

Slide 23

Slide 23 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 24

Slide 24 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ...

Slide 25

Slide 25 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ETag: 165d96c6baae07f807115f00ca878431 ...

Slide 26

Slide 26 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 27

Slide 27 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-None-Match: 165d96c6baae07f807115f00ca878431

Slide 28

Slide 28 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-None-Match: 165d96c6baae07f807115f00ca878431 HTTP/1.1 304 Not Modified

Slide 29

Slide 29 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-None-Match: 165d96c6baae07f807115f00ca878431

Slide 30

Slide 30 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-None-Match: 165d96c6baae07f807115f00ca878431 HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ETag: e075d8ff00c11543a876a96c8a07116b ...

Slide 31

Slide 31 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-None-Match: 165d96c6baae07f807115f00ca878431

Slide 32

Slide 32 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-None-Match: e075d8ff00c11543a876a96c8a07116b

Slide 33

Slide 33 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-None-Match: e075d8ff00c11543a876a96c8a07116b HTTP/1.1 304 Not Modified

Slide 34

Slide 34 text

Expiration

Slide 35

Slide 35 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 36

Slide 36 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 ...

Slide 37

Slide 37 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 Cache-Control: max-age=3600 ...

Slide 38

Slide 38 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html

Slide 41

Slide 41 text

GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html HTTP/1.1 200 OK Content-Type: text/html Content-Length: 3513 Cache-Control: max-age=3600 ...