NAVERまとめのスマフォ版はなんであんなに速いのかな

3G環境で地下鉄にいるときにスマフォを見ることが多いので、サイトが速いか遅いかというのがけっこう気になる。
NAVERまとめのスマフォ版はなんであんなに速いのか。

私の中で「遅い」と感じるサイトと言えば1個で、mixi。イベント詳細ページ（view_event.pl）。

http://pcapperf.appspot.com/view?hash_str=c4e8386465e5aa85618ff02b8274de9c

メチャクチャ速い気がするNAVERまとめ。まとめページお題詳細ページ。

http://pcapperf.appspot.com/view?hash_str=43207b07db21bdde5d2dc71ad19c9b0e
画像ロードが速い。

この２ケースの速度要因を比較

• 画像の初期ロードが始まる時点で既に、0.8秒の差がついている。

mixi +1.12s Started
NAVER +273mc Started

• blocked time が下記のように、0.7秒 mixi の方が長い。

mixi 895 ms
NAVER 131ms

• どうして上記の差が出るのか、FireFox のPageSpeed Score を見てみる

mixi 80/100
NAVER 95/100

具体例

• Combine images into CSS sprites
  • NAVER
    • こういう感じで使ってありました（イメージ）→　http://www.designwalker.com/2008/02/css-sprite.html
    • でもCSSスプライトは私のCSS知識だと読めないのであまりやりたくない・・・。メンテやりにくそうだし。
• PageSpeedには出ていないみたいだけれど、JSファイルの本数、minify

mixi 7ファイル中、1ファイルしかminifyされていない
NAVER 5ファイル全てが minify されている

検証手順について

※今回上記が気になって調べてみるまで、プロファイリングの仕方を（FireBug/GoogleSpeed 以外には）知らなくて、下記を参考にさせて頂きました。
http://www.slideshare.net/DeNA_open_events/frontend-optimization-denacreativeseminar
http://devslog.com/article/20120205084649.html
PCのブラウザでシミュレートしただけなので、実機で見ると多少違うはず。