2016/02/19 【19-B-3】HTTP とサーバ技術の最新動向 #devsumiB

1
池田 泰延(勉強会用) @clockmaker_bot

HTTP/2の多重化によって、同時に100個以上のリクエストを発行可能。 クライアントが送ってきた順番でなくても、返す事が可能。 #devsumi #devsumiB

2016-02-19 13:15:41
小泉勝志郎 @koi_zoom1

奥さん:レイテンシに負けないプロトコルを作ればいいじゃないということで生まれたのがHTTP/2 #devsumiB

2016-02-19 13:15:46
池田 泰延(勉強会用) @clockmaker_bot

HTTP/1.1のヘッダは大きい。 リクエストに最低300Bも使う。 #devsumi #devsumiB

2016-02-19 13:16:14
shnagai @shnagai

ヘッダ圧縮で通信量削減。たしかに、path以外は、変わらないリクエスト多いしすごい効率的だ! #devsumiB

2016-02-19 13:18:47
池田 泰延(勉強会用) @clockmaker_bot

HTTP/2の導入でHTTP/1.1より遅くなる事例を紹介。DeNAのH20サーバーならHTTP/2でも早い。 #devsumi #devsumiB

2016-02-19 13:20:12
池田 泰延(勉強会用) @clockmaker_bot

H2Oは優先度付で処理。例えば各CSSやJSをHTMLや画像よりも先に転送する。 #devsumi #devsumiB

2016-02-19 13:20:46
池田 泰延(勉強会用) @clockmaker_bot

CSSとJSは正確にはHTMLよりも32倍早く転送。HTMLを画像よりも多少優先。 #devsumi #devsumiB

2016-02-19 13:21:12
池田 泰延(勉強会用) @clockmaker_bot

優先度位制御の粒度が細かい。H20は16KB単位でストリームを切り替え。 #devsumi #devsumiB

2016-02-19 13:21:41
shnagai @shnagai

2ではクライアントが重みづけして、それを参考にサーバがレスポンスするらしい。 #devsumiB

2016-02-19 13:22:13
池田 泰延(勉強会用) @clockmaker_bot

weighted fair queuing (wfq)が優れた優先度制御の要件。 #devsumi #devsumiB

2016-02-19 13:22:31
池田 泰延(勉強会用) @clockmaker_bot

優先度制御の課題。JSやCSSのほうが優先度が高くても画像が多いと、相対的に画像全体にストリームを持って行かれる。 #devsumi #devsumiB

2016-02-19 13:23:55
池田 泰延(勉強会用) @clockmaker_bot

クライアント内にも優先度制御がある。ChromeやFirefoxにはあり、EdgeやSafariにはない。 クライアントがバラバラなので、サーバー側で優先度制御をして上げる必要がある。 #devsumi #devsumiB

2016-02-19 13:24:38
たきぐち in the Cloud💙💛 @atakig

サーバーで、優先度制御を行うことで、初期描画時間を短縮できる #devsumiB

2016-02-19 13:25:22
池田 泰延(勉強会用) @clockmaker_bot

Firefoxは素晴らしい。他のブラウザは要改善。サーバー側は実装状況はまちまち。H2Oならどのクライアントでも最適化ができる。 #devsumi #devsumiB

2016-02-19 13:25:43
shnagai @shnagai

H2Oで優先度制御がないブラウザに対しては、サーバサイドで制御する。js,cssをまず返すみたいな!! #devsumiB

2016-02-19 13:26:06
yancya @yancya

サーバープッシュすげええ #devsumiB

2016-02-19 13:26:51
shnagai @shnagai

サーバpush!!CDN側で実装してくれたらかなり楽だな!ってか、ionでは既にやってるのかも #devsumiB

2016-02-19 13:29:33
池田 泰延(勉強会用) @clockmaker_bot

サーバープッシュの使い方。Link: rel=prelaodヘッダーを使う。 #devsumi #devsumiB

2016-02-19 13:30:22
たきぐち in the Cloud💙💛 @atakig

サーバプッシュとブラウザキャッシュ #devsumiB

2016-02-19 13:31:54
yancya @yancya

cookie に fingerprint を入れるの #devsumiB

2016-02-19 13:32:32
たきぐち in the Cloud💙💛 @atakig

cache digest でサーバーpushの課題を解決 #devsumiB

2016-02-19 13:34:01
shnagai @shnagai

cache digest(fingerprintを減っだにいれる)が標準化されたら、ブラウザキャッシュとサーバプッシュ問題がうまく収まる。 #devsumiB

2016-02-19 13:34:55
池田 泰延(勉強会用) @clockmaker_bot

HTTPS化とサーバー負荷について。HTTPSにすると負荷があがるのではないかとみんな思っているんじゃないか。 #devsumi #devsumiB

2016-02-19 13:35:00