Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTTP Caching Basics

Rafaël Blais Masson
December 18, 2012
Programming
9
370

HTTP Caching Basics

Talk given at OpenCode Québec on December 18th, 2012. Supporting code is here: http://github.com/rafBM/opencode-httpcaching

Rafaël Blais Masson

December 18, 2012
Tweet

More Decks by Rafaël Blais Masson

See All by Rafaël Blais Masson
DOM… avec pas de jQuery!?
rafbm
2
170

Other Decks in Programming

See All in Programming
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.2k
EMになってからチームの成果を最大化するために取り組んだこと/ Maximize team performance as EM
nashiusagi
0
100
3rd party scriptでもReactを使いたい！ Preact + Reactのハイブリッド開発
righttouch
PRO
1
610
React への依存を最小にするフロントエンド設計
takonda
8
2.1k
WebフロントエンドにおけるGraphQL（あるいはバックエンドのAPI）との向き合い方 / #241106_plk_frontend
izumin5210
4
1.4k
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
220
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
250
CSC509 Lecture 13
javiergs
PRO
0
110
Contemporary Test Cases
maaretp
0
140
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.3k
受け取る人から提供する人になるということ
little_rubyist
0
250
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
120

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
380
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Optimizing for Happiness
mojombo
376
70k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
The World Runs on Bad Software
bkeepers
PRO
65
11k
It's Worth the Effort
3n
183
27k
Designing for Performance
lara
604
68k
For a Future-Friendly Web
brad_frost
175
9.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Learning to Love Humans: Emotional Interface Design
aarron
273
40k

Transcript

  1. For fun and profit. HTTP Caching

  2. HTT– WAT?

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

    Content-Type: text/html Content-Length: 3513 <!DOCTYPE html> <html> <head> ...

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

    Content-Type: text/html Content-Length: 3513 <!DOCTYPE html> <html> <head> ...

  5. 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 ...

  6. 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 <!DOCTYPE html> <html> <head> ...

  7. 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

  8. CACHING MOTHER*** DO YOU SPEAK IT?

  9. Validation

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

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

    Content-Type: text/html Content-Length: 3513 <!DOCTYPE html> <html> ...

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

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

    Content-Type: text/html Content-Length: 3513 <!DOCTYPE html> <html> ...

  14. 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 <!DOCTYPE html> <html> ...

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

  16. GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18

    Dec 2012 12:53:00 GMT

  17. 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

  18. GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18

    Dec 2012 12:53:00 GMT

  19. 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 <!DOCTYPE html> <html> ...

  20. GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 18

    Dec 2012 12:53:00 GMT

  21. GET /index.html HTTP/1.1 Host: heeeeeeeey.com Accept: text/html If-Modified-Since: Tue, 19

    Dec 2012 14:25:00 GMT

  22. 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

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

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

    Content-Type: text/html Content-Length: 3513 <!DOCTYPE html> <html> ...

  25. 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 <!DOCTYPE html> <html> ...

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

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

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

    304 Not Modified

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

  30. 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 <!DOCTYPE html> <html> ...

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

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

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

    304 Not Modified

  34. Expiration

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

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

    Content-Type: text/html Content-Length: 3513 <!DOCTYPE html> <html> ...

  37. 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 <!DOCTYPE html> <html> ...

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

  39. None

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

  41. 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 <!DOCTYPE html> <html> ...
  42. None

  43. heliom.ca rafBM