HTML5 Conference 2016 パフォーマンス部ブース「パフォーマンス診察会」

2016年9月3日(土)に東京電機大学で開催されたHTML5 Conference 2016の展示室に出展したhtml5j パフォーマンス部のブースでの様子をまとめました。
0
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

佐川さんがブースに来てくれました。佐川さんの会社のサイトを計測。 軽くて速いですね〜 でも、DNSが252msと遅いです。TTLが10分なので、もっと長めに取りましょう〜という診察結果でした。#html5j_t #html5j pic.twitter.com/FKWI8qX4Rk

2016-09-03 10:39:09
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

お隣、ロボット部のメンバーの会社のサイトを診察。 WordPressを使っているそうで、HTML生成の処理時間がそれぞれ1秒以上かかっていました。HHVMかFastCGIを適用して下さい。#html5j_t #html5j pic.twitter.com/bAMRE4nj5B

2016-09-03 10:59:37
拡大
atsuco @atsuco_02

我がパフォーマンス部の部長が直々にサイトを診断してくれます( ˘ω˘ )ちなみに私は幽霊部員です #html5j #html5j_t pic.twitter.com/MCTANSGdep

2016-09-03 11:03:41
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

「パパ、今日は一日座ってるだけなの?つまんないね」って、娘に言われた。娘よ、違うのだ… 違うんだよ… きっと、パフォーマンス部のブースに、診察したいという人達が殺到してだな… #html5j #html5j_t

2016-09-03 11:15:03
Shingo Yamazaki @zaki___yama

1Fhtml5jパフォーマンス部の展示ブース。部長の竹洞さんが皆さんのサイトのパフォーマンスを計測・診察します #html5j #html5j_t pic.twitter.com/0CqO0oxNHQ

2016-09-03 11:23:49
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

HTML5 Conference2016のスタッフ統括を務めていらっしゃる河島さんです!今年はボランティアスタッフが前年より半減という事で例年よりお忙しいみたいです。お疲れさまです!#html5j #html5j_t pic.twitter.com/MJ81DNwMVz

2016-09-03 11:35:33
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

グレープシティさんの商品デモサイトの診察です。高速なのに、Google Analyticsが途中で入って、表示全体を遅延させています。Google Analyticsを外せば、デモは完璧です!#html5j #html5j_t pic.twitter.com/V4PcLTmncB

2016-09-03 11:47:36
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

チームスピリットさんのWebサイトを診察。Facebookが遅延要因に。これを外せば1.5秒で表示完了する高速・快適サイトに。お客様のロゴがランダムに表示されるところがちょっと遅いですね。#html5j #html5j_t pic.twitter.com/jJvAxKfBoS

2016-09-03 12:03:32
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

レイハウオリの猪狩さんがパフォーマンス部のブースに来てくれました! #html5j #html5j_t pic.twitter.com/fPmUiWBOS4

2016-09-03 12:34:24
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

レイハウオリの猪狩さんのサイトを診断しました。Slideshareが遅延要因ですね。#html5j #html5j_t pic.twitter.com/R0SqqWb3GL

2016-09-03 12:35:01
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

長谷川さんがパフォーマンス部のブースに来てくれました!今日の講演、楽しみにしています!#html5j #html5j_t pic.twitter.com/4vAwgeiue4

2016-09-03 13:11:51
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

江頭さんの制作したサイトを診察。jQueryは、CDN経由の配信の方が遅いのです。自社サーバから配信した方が速いですよ。 #html5j #html5j_t pic.twitter.com/yKFWXh6Fee

2016-09-03 13:27:41
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

楽譜屋さんのサイトを診察いたしました。DNSのTTLが10分と短いので、それが原因でDNSの遅延でWebサイトの表示が遅くなっています。TTLを1日まで伸ばすと良いですよ。#html5j #html5j_t pic.twitter.com/3QSRskgWFQ

2016-09-03 13:29:43
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

とあるブログサイトを診察しました。Yahoo!やFacebookのAPIのレスポンスが遅くて遅延要因に。 #html5j #html5j_t pic.twitter.com/hJl7DbflTV

2016-09-03 13:35:55
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

html5jの管理人の吉川さんがパフォーマンス部のブースに来てくれました! #html5j #html5j_t pic.twitter.com/TRkrYCYNm5

2016-09-03 13:46:08
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

長谷川さんリクエストで計測したYahoo! Japanのデスクトップサイト。 なんと、Yahoo! Japanのトップは、319KBしかないのです!だから、爆速なのです!#html5j #html5j_t pic.twitter.com/gUT7sjTi4b

2016-09-03 13:48:49
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

トランザクション計測での診察です。デスクトップとスマートフォンサイトと双方計測。Keep-aliveが効いていないので、ファイル1つ1つにTCPとSSLの接続処理が発生して遅延に。#html5j #html5j_t pic.twitter.com/auRzjxpGv0

2016-09-03 14:28:40
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

Keep-aliveを設定しているのに、実質的に効いていない例です。httpd.confの設定のチェックを。 DNS遅いですね。171msかかっています。TTLを30分で設定してますね。 #html5j #html5j_t pic.twitter.com/NzHQwieIaU

2016-09-03 15:01:49
拡大
Yoichiro Takehora (竹洞 陽一郎) | 株式会社Spelldata @takehora

Microsoftの物江さんがパフォーマンス部のブースに来てくれました! #html5j #html5j_t pic.twitter.com/TQf9dV8z6t

2016-09-03 15:52:51
拡大