SPDY

SPDY - a new open networking protocol

Transcript

1. SPDY 軟工一 彭博涵
2. 先別說  SPDY  了，你聽過  HTTP  嗎？ 2  
3. HTTP  &  TCP •  Hypertext  Transfer  Protocol  (HTTP)   – h;p://en.wikipedia.org/wiki/ Hypertext_Transfer_Protocol   •  Transmission  Control  Protocol  (TCP)   – h;p://en.wikipedia.org/wiki/ Transmission_Control_Protocol 3  
4. HTTP  有什麼問題? •  One  request,  one  connecLon   •  Exclusively  client-­‐iniLated  requests   •  Uncompressed  request  and  response  headers   •  Redundant  headers   •  OpLonal  data  compression 4  
5. HTTP/1.0+ •  Persistent  connecLon   5  
6. HTTP/1.1   •   pipelining 6  
7. MulLple  TCP  connecLons 7  
8. MulLple  TCP  connecLons  (cont.) 8   Request  HTML Request  JS Request  CSS Request  CSS Request  image Request  image Request  image Request  image Request  image Request  image Request  image Request  image Request  image
9. But!   9  
10. Slow  start 10  
11. MulLple  TCP  connecLons  (cont.) 11   Request  HTML Request  JS Request  CSS Request  CSS Request  image Request  image Request  image Request  image Request  image Request  image Request  image Request  image Request  image
12. Header   •  重複   •  無法壓縮   12  
13. 速度有這麼重要嗎? 13  
15. 研究指出 •  Amazon  的網頁載入時間每多一秒，該公司 的年度營收就減少 16  億美元   •  Google  的搜尋時間每多 0.4  秒，每天的搜尋 次數就會減少 8  百萬。   15  
16. SPDY 16  
17. SPDY  是什麼？ •  Open  networking  protocol •  Developed  primarily  at  Google •  For  transporLng  web  content   •  Improve  latency  at  the  transport  layer   17  
18. Goal  of  SPDY •  減少 50% 網頁載入時間   •  降低佈署複雜度   •  避免網頁做任何修改   •  減少 HTTP  同時使用的頻寬   18  
19. 特點 •  SSL   •  可透過單一 TCP  session  同時傳送多個 HTTP   request   •  壓縮 (header  &  data)   •  Server  push   19  
20. SSL •  雖然比較慢   •  需要登入的網站那麼多   •  好 SSL，不用嗎? 20  
21. One  TCP  session,  mulLplex  streams     21  
22. Control  frame  and  data  frame 22   Control  frame Data  frame
23. Control  frame •  Control  bit  :  Control  frame(1)  or  data  frame(0)   •  Version:  SPDY  的版本   •  Type:  control  frame  的種類   •  Flags   •  Length   •  Data 23  
24. Data  frame •  Control  bit   •  Stream-­‐ID:  31-­‐bit.  偶數:  server,  奇數:  client   •  Flags  :  0x01  =  FLAG_FIN     •  Length   •  Data   24  
25. 示意圖 25  
26. 壓縮 •  zlib  compression 26  
27. Server  push •  直接將資源推送給 client   •  Server 假設所推送的資源是 client  需要的   27  
28. SPDY 優點 •  Frame  可以混雜   •  一個 TCP  connecLon   •  Slow  start  一次   •  記住上次的 CWND   28  
29. 誰在用 SPDY? •  Google     •  Twi;er   •  Wordpress.com   •  LINE   •  Facebook   •  …etc   29  
30. Server   •  Apache  mod_spdy   – h;ps://code.google.com/p/mod-­‐spdy/   •  Nginx   – h;p://nginx.org/patches/spdy/README.txt   •  Node-­‐spdy   – h;ps://github.com/indutny/node-­‐spdy   30  
31. Browser   •  h;p://caniuse.com/spdy 31  
32. Is  it  speedy? •  h;ps://chrome.google.com/webstore/detail/ spdy-­‐indicator   •  h;ps://addons.mozilla.org/en-­‐us/firefox/ addon/spdy-­‐indicator/   32  
33. Future   •  HTML  2.0 33  
34. 參考資料 •  h;p://www.slideshare.net/ihower/a-­‐brief-­‐ introducLon-­‐to-­‐spdy-­‐h;p20   •  h;p://www.chromium.org/spdy/spdy-­‐ protocol/spdy-­‐protocol-­‐dram3   •  h;p://www.chromium.org/spdy/spdy-­‐ whitepaper 34  
35. •  Thank  you  for  listening 35