-
- いいね！0
Eiji Kitamura / えーじ
@agektmr
Chrome Tech Talk Night #5 開催は本日19:30からです。参加される方はGoogleオフィスでお会いしましょう。参加されない方も、このページからライブストリーミングが見られる予定です。 #chromejp http://t.co/fRKQJOJm
2013-01-31 15:00:17
Fumi
@Fumi
Chrome Tech Talk Night #5 開始しました。イベントページでライブストリーミングを見ることができます＞ http://t.co/03PWCmAK #chromejp
2013-01-31 19:34:12
Masashi Miyazaki at 🏠
@mmasashi
今日は Chrome Tech Talk Night #5 です http://t.co/jloPS61b #chromejp
2013-01-31 19:37:05
OISHI Ryosuke
@roishi2j2
"そもそも何故defaultのwebページが遅いのかが気になる訳ですが、早く作ることと、保守性はトレードオフの関係にある訳です。一方いろいろな事が自動化可能です。" #chromejp
2013-01-31 19:40:26
OISHI Ryosuke
@roishi2j2
"今日はmod_pagespeedについてお話しします。実際のパフォーマンスをご紹介します。その前に少し動画で紹介します。左がオリジナル、2つめはCDNを使ってます。3つめはさらにmod_pagespeedを使ってます" #chromejp
2013-01-31 19:42:15
Eiji Kitamura / えーじ
@agektmr
Chrome Tech Talk Night #5 始まりました！今やっているセッションのスライドはこちらです。 http://t.co/Q9aNpdZX ライブストリーミングもやってます http://t.co/B2r6cgNK #chromejp
2013-01-31 19:43:42
OISHI Ryosuke
@roishi2j2
"mod_pagespeedはDreamHostなどをはじめ、20万以上のサイトで実際に使われています。" #chromejp
2013-01-31 19:44:36
OISHI Ryosuke
@roishi2j2
"これは先ほどの動画と同じものです。一番遅いのは5秒かかりました。CDN+mod_pagespeedだと2秒くらいです。これは商用のCDNを使ってますが、オープンソースのものでも同じような効果を得られます" #chromejp
2013-01-31 19:45:39
OISHI Ryosuke
@roishi2j2
"オープンソースでのデモです。2.1秒と5.0秒で、やはり3秒くらいの差が出ています。リソースの使われ方の差を見ればわかります。ONにするとリソースの量が明らかに減っています。真ん中あたりでページがロードされてしまっています。" #chromejp
2013-01-31 19:47:30
OISHI Ryosuke
@roishi2j2
"カスタムwebサーバを使っていてもmod_pagespeedを入れる事ができます。Apache 2.2, 2.4+をサポートしています。40以上の最適化を行っています。" #chromejp
2013-01-31 19:48:55
OISHI Ryosuke
@roishi2j2
"フィルタは2種類あります。Coreと呼ばれる安全なものと、Optionalというよりアグレッシブなものです。Coreフィルタは変な影響は出ません。Optionalフィルタを有効にするとより効果を期待できますがページに影響が出るかもしれません" #chromejp
2013-01-31 19:50:04
OISHI Ryosuke
@roishi2j2
"重要な事はコンテンツに変更を加える必要が無いということです。いちいち本を読んで勉強したりする必要が無いのです。" #chromejp
2013-01-31 19:50:53
OISHI Ryosuke
@roishi2j2
"より新しいngx_pagespeedというものもあります。まだこなれていませんが、ぜひ試用していただければと思います。近いうちにproduction readayになる予定です。" #chromejp
2013-01-31 19:51:55
OISHI Ryosuke
@roishi2j2
"実際にフィルタがどのように効くのかを見てみましょう。これは少し変な例ですが。cssファイルが複数あるときは、cssをまとめてしまうのがいいです。 href="styles/yellow.css+blue.css+big.css.bold.cssのように。" #chromejp
2013-01-31 19:54:55
cipher
@cipher_24i
CSSファイルをまとめたりするのは、高速化のお約束だけど、mod_pagespeed を使うと自動でやってくれるという感じでしょうか。 #chromejp
2013-01-31 19:56:00
Masashi Miyazaki at 🏠
@mmasashi
css ファイルを結合すると別々のリクエスト投げなくて良くなるからオーバーヘッドの分速くなる。同時セッション数も稼げる。結合した場合は URL に hash を含むことでキャッシュ対策してるようだ。これはいいアイデア #chromejp
2013-01-31 19:56:56
OISHI Ryosuke
@roishi2j2
"画像はWebページの6割を占めています。これが最適化に悪影響を与えることがあります。フォーマットや、縮小率などが問題になります。そこでサーバ側でリサイズなどを行いって最適化できます。" #chromejp
2013-01-31 19:57:24
OISHI Ryosuke
@roishi2j2
"少し話を変えてSPDYの話をしたいと思います。今HTTP2.0の会議をやっていますがSPDY v2がスタートポイントとしてドラフトになる予定です" #chromejp
2013-01-31 20:00:42