Firefox 11 で SPDY を使ってページ読み込みを高速化

2012.03.23
この記事は約2分で読めます。
記事内に広告が含まれています

操作画面

こんにちは、さち です。

先日、Firefox 11 が正式リリースされましたね。

「11」では新たに SPDY に対応していて
これを使用するとページの読み込みを高速化できるのですが
デフォルトでは「オフ」になっています。

せっかく実装されたのなら使ってみない手はない！
ということで今回は、
SPDY をオンにする方法について書こうと思います。

スポンサーリンク

SPDYって何？

SPDY はページを高速に読み込むための仕組みで
「スピーディー」と読みます。
HTTP に代表されるプロトコルの仲間です。
Firefox にも「11」から実装されました。

「プロトコル？何だか難しそうだなぁ」と思うかもしれませんが
読み込みが速くなるということを理解していれば大丈夫。

ただ、読み込みが速くなるのは
SPDY に対応しているページのみで
すべてのサイトで読み込みが速くなるわけではありません。

実際に試してみた

SPDY に対応しているサイトの一つに Gmail があります。
オン／オフ でどのくらい読み込み時間［秒］に差が出るでしょうか。
実際に10回ずつ計測し平均を出してみました。

操作画面

SPDY をオンにした方が約0.7秒速いという結果に。
約5％の高速化ですね。

Firefox 11 で SPDY を使うには

SPDY は Firefox 11 から実装された新機能です。
現在使用中の Firefox のバージョンを確認し
「11」でない場合はアップデートをしましょう。

　　　→ バージョン確認とアップデートの方法はこちら

Firefox 11 で下記の手順をしましょう。

  1. アドレス欄（ロケーションバー）に
    「about:config」と入力し「Enter」キーを押します。
    操作画面
  2. 「細心の注意を払って使用する」をクリック。
    細心の注意を払って使用する
  3. 「検索」に「network.http.spdy.enabled」と入力します。
    下に表示された項目をダブルクリックしましょう。
    操作画面
  4. 値が「true」になりました。
    操作画面
  5. about:config のタブを閉じます。

これで SPDY がオンになり対応サイトで有効になります。

見た目には何の変化もないので実感が湧きませんが
SPDY indicator というアドオンを導入すると
SPDY での通信時には、アドレス欄（ロケーションバー）の右端に
緑色のイナズマが表示されるようになります。
操作画面

SPDY での通信自体にはアドオンは不要なので
必要な人のみ導入してみて下さい。

この記事を作成するにあたり下記サイトを参考にさせて頂きました。
ありがとうございました。

　　　→ Firefox 11開発版、Googleの高速プロトコル「SPDY」に対応 - マイナビニュース
　　　→ Twitter、Google提案のSPDYプロトコルを導入 - マイナビニュース
　　　→ Firefox 11 の主な新機能を紹介します - modest

コメント

"),m.no_overlay||s.append("
");var c=s.find("img:first"),d=s.find("img:last");s.append("
");var l=s.find(".twentytwenty-handle");l.append(""),l.append(""),s.addClass("twentytwenty-container"),c.addClass("twentytwenty-before"),d.addClass("twentytwenty-after");var i=s.find(".twentytwenty-overlay");i.append("
"),i.append("
");var a=function(t){var e,n,i,a,o=(e=t,n=c.width(),i=c.height(),{w:n+"px",h:i+"px",cw:e*n+"px",ch:e*i+"px"});l.css("vertical"===r?"top":"left","vertical"===r?o.ch:o.cw),a=o,"vertical"===r?(c.css("clip","rect(0,"+a.w+","+a.ch+",0)"),d.css("clip","rect("+a.ch+","+a.w+","+a.h+",0)")):(c.css("clip","rect(0,"+a.cw+","+a.h+",0)"),d.css("clip","rect(0,"+a.w+","+a.h+","+a.cw+")")),s.css("height",a.h)},o=function(t,e){var n,i,a;return n="vertical"===r?(e-v)/p:(t-w)/f,i=0,a=1,Math.max(i,Math.min(a,n))};g(window).on("resize.twentytwenty",function(t){a(e)});var w=0,v=0,f=0,p=0,y=function(t){(t.distX>t.distY&&t.distX<-t.distY||t.distX-t.distY)&&"vertical"!==r?t.preventDefault():(t.distXt.distY&&t.distX>-t.distY)&&"vertical"===r&&t.preventDefault(),s.addClass("active"),w=s.offset().left,v=s.offset().top,f=c.width(),p=c.height()},h=function(t){s.hasClass("active")&&(e=o(t.pageX,t.pageY),a(e))},u=function(){s.removeClass("active")},_=m.move_with_handle_only?l:s;_.on("movestart",y),_.on("move",h),_.on("moveend",u),m.move_slider_on_hover&&(s.on("mouseenter",y),s.on("mousemove",h),s.on("mouseleave",u)),l.on("touchmove",function(t){t.preventDefault()}),s.find("img").on("mousedown",function(t){t.preventDefault()}),m.click_to_move&&s.on("click",function(t){w=s.offset().left,v=s.offset().top,f=c.width(),p=c.height(),e=o(t.pageX,t.pageY),a(e)}),g(window).trigger("resize.twentytwenty")})}}(jQuery)
タイトルとURLをコピーしました