SlideShare ist ein Scribd-Unternehmen logo
1 von 29
SPDY の
HTTP 重畳の
効果を計測する
Murachi Akira
aka hebikuzure
This material provided by CC BY-NC-ND 4.0. See http://creativecommons.org/licenses/by-nc-nd/4.0/
About me
村地 彰 aka hebikuzure
株式会社シーピーエス
http://www.murachi.net/
http://www.hebikuzure.com/
MicrosoftMVP(InternetExplorer)Apr.2011~
2014/7/29 2© 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮)
Web サイト今昔
昔: 1回ずつ読み込ん
だら終わり
今: 何度でもサー
バーとやり取り
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 3
HTML
画像 JS CSS
HTML
(SPA)
画像 JS CSS
XHR
画像画像 JSJS CSSCSS
Web
Sockets
HTTP はステートレス
1対のリクエスト – レスポンスで終了
HTTP 1.0 では HTTP セッションが終わる
と TCP セッションも終了
HTTP 1.1 で Keep-Alive が可能になる
それでも TCP 1 セッションで HTTP 1 セッ
ションしか収容できない
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 4
Modern Web =
TCP Session Eater
1ページを表示するだけなのに
TCP セッション数が膨大になる
TCP handshake のオーバーヘッド
NAT セッションの枯渇?
CGN (Carrier Grade NAT) はどうする?
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 5
TCP を大切に使おう!
TCP 1 セッションに複数の HTTP セッショ
ンを重畳すればいいんじゃない?
by Google
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 6
SPDY
SPDY で TCP セッション
削減
同じオリジンへの HTTP リクエストが一
つの TCP セッションに重畳される
ページの動作に必要な TCP セッション数
が削減される
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 7
TCP セッション削減を計
測
環境 : Windows 7 SP1
ブラウザー :
◦ Google Chrome 36 (SPDY/3 サポート)
◦ Internet Explorer 11 (SPDY 未サポート)
サイト :
◦ Gmail のトップページ
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 8
測定方法
各ブラウザーで Gmail を表示
リンククリックからページ表示終了まで
Wireshark でパケットキャプチャ
[Statics]
– [Conversation List]
– [TCP(IPv4 & IPv6)]
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 9
比較
googlehosted.l.googleusercontent.com
◦ 8 ⇒ 5
googlemail.l.google.com
◦ 5 ⇒ 1
talkgadget.l.google.com
◦ 7 ⇒ 1
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 10
結論
SPDY/3 で TCP セッションに HTTP (HTTPS)
セッションが重畳されている
TCP セッション数が削減されている
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 11
比較手順
1. Wireshark から Conversation List をコ
ピー
2. コピーしたリストをテキスト エディタ
に貼り付けて csv ファイルとして保存
3. csv ファイルを Excel で開く
4. Excel で集計
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 12
Conversation List をコピー
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 13
[Copy] ボタンをクリック
csv ファイルとして保存
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 14
[名前を付けて保存]
csv ファイルを Excel で開
く
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 15
Excel がインストールされていれば、csv ファイルのダブルクリックで開く
Excel で集計 (1)
見やすくするため列幅を調整
◦ 調整したい列を選択、列見出しの境界線をダ
ブルクリックで自動調整
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 16
Excel で集計 (3)
集計のために個数を数えるフィールド
(ここでは Address B)でソートする
1. Address B の列内のセルをクリック
2. [データ] タブ– [昇順]
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 17
Excel で集計 (3)
1. 集計したいセル範囲内をクリック
2. [データ] タブ – [小計]
◦ グループの基準
◦ Address B
(サーバー側エンドポイント)
◦ 集計の方法
個数
◦ 集計するフィールド
Address B
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 18
Excel で集計 (4)
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 19
アウトライン記号(赤囲)をクリックして折りたためます
Excel で集計 (5)
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 20
折り畳んで不要な列を非表示にし、列幅を調整すれば
TCP セッション数一覧表の完成
※ 集計の解除はもう一度 [修正の設定] を表示して [すべて削除]
ピボット テーブルで集計
ピボット テーブルを使った集計も可能
1. 集計したいセル範囲内をクリック
2. [挿入] タブ – [ピボット テーブル]
3. [OK] をクリック
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 21
ピボット テーブルで集計
(2)
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 22
Address B を [行] にドロップ
ピボット テーブルで集計
(3)
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 23
Port B を [値] にドロップ
ピボット テーブルで集計
(4)
1. [値] の [合計/Port B] をクリック
2. [値フィールドの設定] をクリック
3. [集計方法] で
[データの個数] を
選択
4. [OK] をクリック
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 24
ピボット テーブルで集計
(4)
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 25
TCP セッション数一覧表の完成
SPDY の現状とこれから
HTTP/2 として標準化予定
SPDY/3 はメジャーなブラウザーの最新
バージョンで既にサポート済み
◦ Internet Explorer でも Windows 8 / 8.1 で
サポート済み
Google のサイト以外に、Twitter などでサ
ポート済み
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 26
HTTP を刷新しよう
HTTP 1.1 の次のバージョン
最初は HTTP 2.0 として検討
SPDY を基礎に標準化
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 27
HTTP/2
HTTP/2
TCP 1 セッションに複数の HTTP セッショ
ン (ストリーム) を重畳
バイナリ フレームの採用
HPACK によるヘッダー圧縮
サーバー プッシュ
ストリームのプライオリティ設定
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 28
HTTP/2 の現状
IETF の Working Group で Last Call
今年中に IESG に提出予定
各ベンダーの実装と相互運用性検証は進
んでいる (サーバー / クライアントとも)
2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 29

Weitere ähnliche Inhalte

Was ist angesagt? (9)

ルーティングチュートリアルチュートリアル TCP/IP編
ルーティングチュートリアルチュートリアル TCP/IP編ルーティングチュートリアルチュートリアル TCP/IP編
ルーティングチュートリアルチュートリアル TCP/IP編
 
Vector
VectorVector
Vector
 
tcpdumpとtcpreplayとtcprewriteと他。
tcpdumpとtcpreplayとtcprewriteと他。tcpdumpとtcpreplayとtcprewriteと他。
tcpdumpとtcpreplayとtcprewriteと他。
 
Apache Camel Netty component
Apache Camel Netty componentApache Camel Netty component
Apache Camel Netty component
 
Netty & Apache Camel
Netty & Apache CamelNetty & Apache Camel
Netty & Apache Camel
 
Measurement of Maximum new NAT-sessions per second / How to send packets
Measurement of Maximum new NAT-sessionsper second / How to send packetsMeasurement of Maximum new NAT-sessionsper second / How to send packets
Measurement of Maximum new NAT-sessions per second / How to send packets
 
Node.js with WebRTC DataChannel
Node.js with WebRTC DataChannelNode.js with WebRTC DataChannel
Node.js with WebRTC DataChannel
 
パケット解析ノススメ
パケット解析ノススメパケット解析ノススメ
パケット解析ノススメ
 
Scapyで作る・解析するパケット
Scapyで作る・解析するパケットScapyで作る・解析するパケット
Scapyで作る・解析するパケット
 

Andere mochten auch

Mujer, pajaro y estrella
Mujer, pajaro y estrellaMujer, pajaro y estrella
Mujer, pajaro y estrella
guest986e5ae
 
A haiti
A haitiA haiti
A haiti
tanica
 
Big Data Challenges, Presented by Wes Caldwell at SolrExchage DC
Big Data Challenges, Presented by Wes Caldwell at SolrExchage DCBig Data Challenges, Presented by Wes Caldwell at SolrExchage DC
Big Data Challenges, Presented by Wes Caldwell at SolrExchage DC
Lucidworks (Archived)
 
ブラウザー勉強会始めました
ブラウザー勉強会始めましたブラウザー勉強会始めました
ブラウザー勉強会始めました
彰 村地
 

Andere mochten auch (20)

input type = password autocomplete = off は使ってはいけない
input type = password autocomplete = off は使ってはいけないinput type = password autocomplete = off は使ってはいけない
input type = password autocomplete = off は使ってはいけない
 
デザイナーだけどコーディングできないとダメ?
デザイナーだけどコーディングできないとダメ?デザイナーだけどコーディングできないとダメ?
デザイナーだけどコーディングできないとダメ?
 
クロスサイトリクエストフォージェリ(CSRF)とその対策
クロスサイトリクエストフォージェリ(CSRF)とその対策クロスサイトリクエストフォージェリ(CSRF)とその対策
クロスサイトリクエストフォージェリ(CSRF)とその対策
 
What’s New in Apache Lucene 2.9
What’s New in Apache Lucene 2.9What’s New in Apache Lucene 2.9
What’s New in Apache Lucene 2.9
 
Search Analytics What? Why? How?
Search Analytics What? Why? How?Search Analytics What? Why? How?
Search Analytics What? Why? How?
 
Joan Miro
Joan MiroJoan Miro
Joan Miro
 
What’s new in apache lucene 3.0
What’s new in apache lucene 3.0What’s new in apache lucene 3.0
What’s new in apache lucene 3.0
 
How To Get The Justin Bieber Smile
How To Get The Justin Bieber SmileHow To Get The Justin Bieber Smile
How To Get The Justin Bieber Smile
 
Mujer, pajaro y estrella
Mujer, pajaro y estrellaMujer, pajaro y estrella
Mujer, pajaro y estrella
 
Windows 8 で魅力的なWeb サイトを作る
Windows 8 で魅力的なWeb サイトを作るWindows 8 で魅力的なWeb サイトを作る
Windows 8 で魅力的なWeb サイトを作る
 
A haiti
A haitiA haiti
A haiti
 
Portades
PortadesPortades
Portades
 
Azure と世間様
Azure と世間様Azure と世間様
Azure と世間様
 
Center for Enterprise Innovation (CEI) Summary for HREDA, 9-25-14
Center for Enterprise Innovation (CEI) Summary for HREDA, 9-25-14Center for Enterprise Innovation (CEI) Summary for HREDA, 9-25-14
Center for Enterprise Innovation (CEI) Summary for HREDA, 9-25-14
 
Van gogh
Van goghVan gogh
Van gogh
 
Davis mark advanced search analytics in 20 minutes
Davis mark   advanced search analytics in 20 minutesDavis mark   advanced search analytics in 20 minutes
Davis mark advanced search analytics in 20 minutes
 
Big Data Challenges, Presented by Wes Caldwell at SolrExchage DC
Big Data Challenges, Presented by Wes Caldwell at SolrExchage DCBig Data Challenges, Presented by Wes Caldwell at SolrExchage DC
Big Data Challenges, Presented by Wes Caldwell at SolrExchage DC
 
Already, just, still, yet
Already, just, still, yetAlready, just, still, yet
Already, just, still, yet
 
Integration of apache solr with crawlers
Integration of apache solr with crawlersIntegration of apache solr with crawlers
Integration of apache solr with crawlers
 
ブラウザー勉強会始めました
ブラウザー勉強会始めましたブラウザー勉強会始めました
ブラウザー勉強会始めました
 

Ähnlich wie SPDY/3 の HTTP 重畳効果を測定する

泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい) 泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
Akihiro Kuwano
 
Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】
Kikunaga Taishi
 

Ähnlich wie SPDY/3 の HTTP 重畳効果を測定する (20)

HTML5 と次世代のネットワーク プロトコル
HTML5 と次世代のネットワーク プロトコルHTML5 と次世代のネットワーク プロトコル
HTML5 と次世代のネットワーク プロトコル
 
WebRTCと ORTCについて 整理しておこう
WebRTCとORTCについて整理しておこうWebRTCとORTCについて整理しておこう
WebRTCと ORTCについて 整理しておこう
 
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい) 泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
 
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sampleWebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
 
CONBU LL Diver/YAPC::Asia 2014 Network
CONBU LL Diver/YAPC::Asia 2014 NetworkCONBU LL Diver/YAPC::Asia 2014 Network
CONBU LL Diver/YAPC::Asia 2014 Network
 
Windows の標準コマンドでパケット キャプチャ
Windows の標準コマンドでパケット キャプチャWindows の標準コマンドでパケット キャプチャ
Windows の標準コマンドでパケット キャプチャ
 
WebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample updateWebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample update
 
Interop Tokyo 2021 - ShowNet を陰で支えた Azure Virtual WAN
Interop Tokyo 2021 - ShowNet を陰で支えた Azure Virtual WANInterop Tokyo 2021 - ShowNet を陰で支えた Azure Virtual WAN
Interop Tokyo 2021 - ShowNet を陰で支えた Azure Virtual WAN
 
20120525 mt websocket
20120525 mt websocket20120525 mt websocket
20120525 mt websocket
 
Developers.IO 2019 ハイブリッド/マルチVPC環境を構成するためのAWSネットワーク完全理解
Developers.IO 2019 ハイブリッド/マルチVPC環境を構成するためのAWSネットワーク完全理解Developers.IO 2019 ハイブリッド/マルチVPC環境を構成するためのAWSネットワーク完全理解
Developers.IO 2019 ハイブリッド/マルチVPC環境を構成するためのAWSネットワーク完全理解
 
Webページが表示されるまで
Webページが表示されるまでWebページが表示されるまで
Webページが表示されるまで
 
Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】Webサーバの基礎知識【編集済み】
Webサーバの基礎知識【編集済み】
 
LinAction Theme LPICの問題を解いてみる~ネットワーク編~
LinAction Theme LPICの問題を解いてみる~ネットワーク編~LinAction Theme LPICの問題を解いてみる~ネットワーク編~
LinAction Theme LPICの問題を解いてみる~ネットワーク編~
 
WebRTC meetup Tokyo 1
WebRTC meetup  Tokyo 1WebRTC meetup  Tokyo 1
WebRTC meetup Tokyo 1
 
EchoyaGinhanazeSu_inoka.pptx
EchoyaGinhanazeSu_inoka.pptxEchoyaGinhanazeSu_inoka.pptx
EchoyaGinhanazeSu_inoka.pptx
 
2013 WebRTC 概説 & ワークショップ
2013 WebRTC 概説 & ワークショップ2013 WebRTC 概説 & ワークショップ
2013 WebRTC 概説 & ワークショップ
 
FM音源をいじれるWebサービスを作った
FM音源をいじれるWebサービスを作ったFM音源をいじれるWebサービスを作った
FM音源をいじれるWebサービスを作った
 
P2Pって何?
P2Pって何?P2Pって何?
P2Pって何?
 
hubotで快適BOT生活
hubotで快適BOT生活 hubotで快適BOT生活
hubotで快適BOT生活
 
WebSocket Protocol と Plack::Middleware::WebSocket
WebSocket Protocol と Plack::Middleware::WebSocketWebSocket Protocol と Plack::Middleware::WebSocket
WebSocket Protocol と Plack::Middleware::WebSocket
 

Mehr von 彰 村地

Mehr von 彰 村地 (20)

Process Monitor の使い方
Process Monitor の使い方Process Monitor の使い方
Process Monitor の使い方
 
Windows クライアントのトラブルシューティングあれこれ
Windows クライアントのトラブルシューティングあれこれWindows クライアントのトラブルシューティングあれこれ
Windows クライアントのトラブルシューティングあれこれ
 
Windows 365 のテクノロジーとインフラストラクチャー
Windows 365 のテクノロジーとインフラストラクチャーWindows 365 のテクノロジーとインフラストラクチャー
Windows 365 のテクノロジーとインフラストラクチャー
 
Windows 11 がやってくる - IT管理者の準備と対策
Windows 11 がやってくる -  IT管理者の準備と対策Windows 11 がやってくる -  IT管理者の準備と対策
Windows 11 がやってくる - IT管理者の準備と対策
 
Internet Explorer サポート提供終了で変わること変わらないこと
Internet Explorer サポート提供終了で変わること変わらないことInternet Explorer サポート提供終了で変わること変わらないこと
Internet Explorer サポート提供終了で変わること変わらないこと
 
How tousemicrosoftsearch 20200725
How tousemicrosoftsearch 20200725How tousemicrosoftsearch 20200725
How tousemicrosoftsearch 20200725
 
(管理者向け) Microsoft Edge の展開と管理の手法
(管理者向け) Microsoft Edge の展開と管理の手法(管理者向け) Microsoft Edge の展開と管理の手法
(管理者向け) Microsoft Edge の展開と管理の手法
 
見せてもらおうか、新しい Microsoft Edge の性能とやらを
見せてもらおうか、新しい Microsoft Edge の性能とやらを見せてもらおうか、新しい Microsoft Edge の性能とやらを
見せてもらおうか、新しい Microsoft Edge の性能とやらを
 
(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情
(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情
(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情
 
Java で開発する Azure Web Apps アプリケーション
Java で開発する Azure Web Apps アプリケーションJava で開発する Azure Web Apps アプリケーション
Java で開発する Azure Web Apps アプリケーション
 
O365 ユーザーのための Azure Storage 入門
O365 ユーザーのための Azure Storage 入門O365 ユーザーのための Azure Storage 入門
O365 ユーザーのための Azure Storage 入門
 
Web standard 2019_0216
Web standard 2019_0216Web standard 2019_0216
Web standard 2019_0216
 
アドレスバーにURL打ち込んでからページが表示されるまでに 何が起こっているか
アドレスバーにURL打ち込んでからページが表示されるまでに 何が起こっているかアドレスバーにURL打ち込んでからページが表示されるまでに 何が起こっているか
アドレスバーにURL打ち込んでからページが表示されるまでに 何が起こっているか
 
Azure Network Watcher / Azure仮想ネットワークの監視と情報収集
Azure Network Watcher / Azure仮想ネットワークの監視と情報収集Azure Network Watcher / Azure仮想ネットワークの監視と情報収集
Azure Network Watcher / Azure仮想ネットワークの監視と情報収集
 
System Resource Utilization Monitor を知ろう
System Resource Utilization Monitor を知ろうSystem Resource Utilization Monitor を知ろう
System Resource Utilization Monitor を知ろう
 
HTML5 Web アプリケーションのセキュリティ
HTML5 Web アプリケーションのセキュリティHTML5 Web アプリケーションのセキュリティ
HTML5 Web アプリケーションのセキュリティ
 
HTML はネットワークを いかに変えてきたか
HTML はネットワークをいかに変えてきたかHTML はネットワークをいかに変えてきたか
HTML はネットワークを いかに変えてきたか
 
Message Analyzer でパケット キャプチャー
Message Analyzer でパケット キャプチャーMessage Analyzer でパケット キャプチャー
Message Analyzer でパケット キャプチャー
 
Message Analyzer 再入門【2】
Message Analyzer 再入門【2】Message Analyzer 再入門【2】
Message Analyzer 再入門【2】
 
Message Analyzer 再入門【1】
Message Analyzer 再入門【1】Message Analyzer 再入門【1】
Message Analyzer 再入門【1】
 

Kürzlich hochgeladen

Kürzlich hochgeladen (7)

NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 

SPDY/3 の HTTP 重畳効果を測定する

  • 1. SPDY の HTTP 重畳の 効果を計測する Murachi Akira aka hebikuzure This material provided by CC BY-NC-ND 4.0. See http://creativecommons.org/licenses/by-nc-nd/4.0/
  • 2. About me 村地 彰 aka hebikuzure 株式会社シーピーエス http://www.murachi.net/ http://www.hebikuzure.com/ MicrosoftMVP(InternetExplorer)Apr.2011~ 2014/7/29 2© 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮)
  • 3. Web サイト今昔 昔: 1回ずつ読み込ん だら終わり 今: 何度でもサー バーとやり取り 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 3 HTML 画像 JS CSS HTML (SPA) 画像 JS CSS XHR 画像画像 JSJS CSSCSS Web Sockets
  • 4. HTTP はステートレス 1対のリクエスト – レスポンスで終了 HTTP 1.0 では HTTP セッションが終わる と TCP セッションも終了 HTTP 1.1 で Keep-Alive が可能になる それでも TCP 1 セッションで HTTP 1 セッ ションしか収容できない 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 4
  • 5. Modern Web = TCP Session Eater 1ページを表示するだけなのに TCP セッション数が膨大になる TCP handshake のオーバーヘッド NAT セッションの枯渇? CGN (Carrier Grade NAT) はどうする? 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 5
  • 6. TCP を大切に使おう! TCP 1 セッションに複数の HTTP セッショ ンを重畳すればいいんじゃない? by Google 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 6 SPDY
  • 7. SPDY で TCP セッション 削減 同じオリジンへの HTTP リクエストが一 つの TCP セッションに重畳される ページの動作に必要な TCP セッション数 が削減される 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 7
  • 8. TCP セッション削減を計 測 環境 : Windows 7 SP1 ブラウザー : ◦ Google Chrome 36 (SPDY/3 サポート) ◦ Internet Explorer 11 (SPDY 未サポート) サイト : ◦ Gmail のトップページ 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 8
  • 9. 測定方法 各ブラウザーで Gmail を表示 リンククリックからページ表示終了まで Wireshark でパケットキャプチャ [Statics] – [Conversation List] – [TCP(IPv4 & IPv6)] 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 9
  • 10. 比較 googlehosted.l.googleusercontent.com ◦ 8 ⇒ 5 googlemail.l.google.com ◦ 5 ⇒ 1 talkgadget.l.google.com ◦ 7 ⇒ 1 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 10
  • 11. 結論 SPDY/3 で TCP セッションに HTTP (HTTPS) セッションが重畳されている TCP セッション数が削減されている 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 11
  • 12. 比較手順 1. Wireshark から Conversation List をコ ピー 2. コピーしたリストをテキスト エディタ に貼り付けて csv ファイルとして保存 3. csv ファイルを Excel で開く 4. Excel で集計 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 12
  • 13. Conversation List をコピー 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 13 [Copy] ボタンをクリック
  • 14. csv ファイルとして保存 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 14 [名前を付けて保存]
  • 15. csv ファイルを Excel で開 く 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 15 Excel がインストールされていれば、csv ファイルのダブルクリックで開く
  • 16. Excel で集計 (1) 見やすくするため列幅を調整 ◦ 調整したい列を選択、列見出しの境界線をダ ブルクリックで自動調整 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 16
  • 17. Excel で集計 (3) 集計のために個数を数えるフィールド (ここでは Address B)でソートする 1. Address B の列内のセルをクリック 2. [データ] タブ– [昇順] 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 17
  • 18. Excel で集計 (3) 1. 集計したいセル範囲内をクリック 2. [データ] タブ – [小計] ◦ グループの基準 ◦ Address B (サーバー側エンドポイント) ◦ 集計の方法 個数 ◦ 集計するフィールド Address B 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 18
  • 19. Excel で集計 (4) 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 19 アウトライン記号(赤囲)をクリックして折りたためます
  • 20. Excel で集計 (5) 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 20 折り畳んで不要な列を非表示にし、列幅を調整すれば TCP セッション数一覧表の完成 ※ 集計の解除はもう一度 [修正の設定] を表示して [すべて削除]
  • 21. ピボット テーブルで集計 ピボット テーブルを使った集計も可能 1. 集計したいセル範囲内をクリック 2. [挿入] タブ – [ピボット テーブル] 3. [OK] をクリック 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 21
  • 22. ピボット テーブルで集計 (2) 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 22 Address B を [行] にドロップ
  • 23. ピボット テーブルで集計 (3) 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 23 Port B を [値] にドロップ
  • 24. ピボット テーブルで集計 (4) 1. [値] の [合計/Port B] をクリック 2. [値フィールドの設定] をクリック 3. [集計方法] で [データの個数] を 選択 4. [OK] をクリック 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 24
  • 25. ピボット テーブルで集計 (4) 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 25 TCP セッション数一覧表の完成
  • 26. SPDY の現状とこれから HTTP/2 として標準化予定 SPDY/3 はメジャーなブラウザーの最新 バージョンで既にサポート済み ◦ Internet Explorer でも Windows 8 / 8.1 で サポート済み Google のサイト以外に、Twitter などでサ ポート済み 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 26
  • 27. HTTP を刷新しよう HTTP 1.1 の次のバージョン 最初は HTTP 2.0 として検討 SPDY を基礎に標準化 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 27 HTTP/2
  • 28. HTTP/2 TCP 1 セッションに複数の HTTP セッショ ン (ストリーム) を重畳 バイナリ フレームの採用 HPACK によるヘッダー圧縮 サーバー プッシュ ストリームのプライオリティ設定 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 28
  • 29. HTTP/2 の現状 IETF の Working Group で Last Call 今年中に IESG に提出予定 各ベンダーの実装と相互運用性検証は進 んでいる (サーバー / クライアントとも) 2014/7/29 © 2014 Murachi Akira - CC BY-NC-ND - ネットワーク パケットを読む会(仮) 29