Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTTP/2.0 入門
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
tsuyoshi nakamura
September 30, 2016
Science
660
0
Share
HTTP/2.0 入門
HTTP/2.0 入門
tsuyoshi nakamura
September 30, 2016
More Decks by tsuyoshi nakamura
See All by tsuyoshi nakamura
社内の勉強会で発表した_output_一部抜粋版_.pdf
tsuyoshi
0
500
PHPを少しでも早く_条件はあるよ_.pdf
tsuyoshi
0
87
スタートアップ6年目のレビュー文化.pdf
tsuyoshi
1
2k
PHPを少し深堀るよ.pdf
tsuyoshi
0
380
Reactive_Manifesto.pdf
tsuyoshi
0
82
About_Resilience.pdf
tsuyoshi
1
95
エンジニアの循環ってgood_or_bad_.pdf
tsuyoshi
0
1.3k
スタートアップしてからの失敗の数々
tsuyoshi
0
2.5k
スタートアップエンジニアの役割
tsuyoshi
0
540
Other Decks in Science
See All in Science
HajimetenoLT vol.17
hashimoto_kei
1
230
AIを用いた PID制御で部屋 の温度制御をしてみた
nearme_tech
PRO
0
110
Cross-Media Technologies, Information Science and Human-Information Interaction
signer
PRO
3
32k
良書紹介04_生命科学の実験デザイン
bunnchinn3
0
150
HDC tutorial
michielstock
2
670
知能とはなにかーヒトとAIのあいだー
tagtag
PRO
0
200
TypeScript で WebAssembly を用いた 型安全なプラグイン設計
nagano
2
210
Endel Tulvingとエピソード記憶
rmaruy
0
120
先端因果推論特別研究チームの研究構想と 人間とAIが協働する自律因果探索の展望
sshimizu2006
3
900
ハミルトン・ヤコビ方程式の解の性質と物理的意味
enakai00
0
420
タンパク質間相互作⽤を利⽤した⼈⼯知能による新しい薬剤遺伝⼦-疾患相互作⽤の同定
tagtag
PRO
0
200
機械学習 - K近傍法 & 機械学習のお作法
trycycle
PRO
0
1.4k
Featured
See All Featured
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
360
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
1.4k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
240
Utilizing Notion as your number one productivity tool
mfonobong
4
300
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
120
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
930
Art, The Web, and Tiny UX
lynnandtonic
304
21k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
300
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
140
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Transcript
2016.09-30 社内勉強会 @nakamura_tsuyo4 HTTP/2 入門
Agenda HTTP/2の内容を見る HTTPの歴史 対応状況 考察 関連情報
History About HTTP 1
History 1996 HTTP/1.0 1991 HTTP/0.9 1999 HTTP/1.1 2015 HTTP/2.0
History 2009年 GoogleからSPDY ◦ SPDY/1 ◦ SPDY/2 ◦ SPDY/3 ◦
SPDY/3.1
SPDYの進化版でHTTP/2の開発 ◦ IETFのHTTPBisのワーキンググルー プが進める ◦ RFC7540としてRFC化 History
HTTPBis Bisってなに... 小ネタ
HTTPBis Bisはラテン語系(french,spanish,)で「繰り返し」 「再び」という意味がある HTTPのsecond version of protocol
ブラウザとWebサーバの 実装によって実現 だからRFCやらIETFというwordがでてくる
HTTP/2 2
About HTTP/2 http://blog.redbox.ne.jp/http2-cdn.html ストリームの多重化
About HTTP/2 ストリームの優先度 ◦ Dependency Weighting ◦ PRIORITY Frame ◦
ブラウザが更新
About HTTP/2 headerの圧縮 ◦ HPACK (RFC7541) ◦ ネットワーク帯域の節約
About HTTP/2 フローの制御 ◦ Stream毎に制御可能 ▫ ひとつのストリームが帯域リソースの占有を防ぐ ▫ 重い動画や画像のダウンロード時にとか
About HTTP/2 サーバプッシュ http://codezine.jp/article/detail/8663?p=2
About HTTP/2 接続 -だいたいALPN- ◦ ALPN ▫ Application-Layer Protocol Negotiation
▫ サーバ側がプロトコルを選択 ◦ NPN ▫ Next Protocol Negotiation ▫ クライアントがプロトコルを選択
Correspondence table Browser and Server 3
対応状況 -ブラウザ- ブラウザ 対応バージョン Chrome 42以上 Firefox 38以上 IE Windows
10上のInternet Explorer 11 ※2016.09.29時点mac chromeの最新は53 ※検索するとほとんどのモダンブラウザであれば対応済みと考えて良さそう ※どのブラウザもTLS拡張(ALPN)が必要
対応状況 -サーバ- サーバ 対応バージョン Nginx 1.9.5以上 Apache 2.4系以上 Tomcat 9以上
※TLS拡張にはOpenSSLの1.0.2が必要
考察 4
効果が薄いパターン ◦ すでに複数ドメインで運用しているサイト ◦ リクエスト数少ないサイト ◦ HTTPSを使ってないサイト
効果が高いパターン ◦ 通信回線が弱いユーザ(mobile含む) ▫ 逆に回線の良いユーザには体感しづらい ◦ そもそもアクセスがおおいサイト ◦ 動画や重い画像を扱ってるサイト ◦
すでにCDNを使っててもCDN屋さんでHTTP2対応さ れてるので活用メリットはある ▫ https://http2.akamai.com/demo ◦ GoogleBotもHTTP2をサポートするらしいのでSEOで プラス効果が期待出来る
関連情報 4
その他 Googleはすでに次の仕様策定中の様子 ▫ QUIC ▫ UDPプロトコルも活用して高速化を目指す HTTP/2 and SPDY indicator
▫ Chrome extension http://www.rfc-editor.org/rfc/rfc7540.txt ▫ 原文