BLOGTIMES
2014/03/09

ページを先読みして表示を高速化する InstantClick.io を入れてみた

  javascript 
このエントリーをはてなブックマークに追加

昔からページを先読みしてレスポンスを高速化させるという方法はあるわけですが、無差別にやってしまうとサーバに無用な負荷をかけることにつながってしまいます。そんなわけで、なるべく必要最小限なぶぶんだけ先読みする仕組みがあれば有用です。今日はリンクにポインタをあてるとその部分を先読みしてくれる InstantClick.io というライブラリを見つけたので、テストがてらちょっと組み込んでみました。

2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo

リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。
InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。

この JavaScript ですが、上記にあるとおり2行追加するだけでサイトに導入できるのでとてもいい感じですね。
確かに若干、レスポンスが良くなったような感じは受けます。


    トラックバックについて
    Trackback URL:
    お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]
    このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/6566
    Trackbacks
    このエントリにトラックバックはありません
    Comments
    愛のあるツッコミをお気軽にどうぞ。[policy]
    古いエントリについてはコメント制御しているため、即時に反映されないことがあります。
    コメントはありません
    Comments Form

    コメントは承認後の表示となります。
    OpenIDでログインすると、即時に公開されます。

    OpenID を使ってログインすることができます。

    Identity URL: Yahoo! JAPAN IDでログイン