BLOGTIMES
« :: »
2014/03/09

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

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

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

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

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

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


    by hsur at 18:14 [5年前][3年前][2年前][1年前][1年後][2年後][3年後][4年後][5年後] |
    こんな記事もあります 「InstantClick.io ポインタ JS」
    ・traceroute は 53/UDP を使うと良い
    ・Yahoo! と LINE が経営統合へ
    ・Github で関数定義が簡単に見つけられるように
    ・Thunderbird を 60 に旧戻し
    ・Google が Fitbit を買収
    ・首里城で火災
    ・Mailvelope でウェブメールでも PGP
    ・Windows Terminal を入れてみた
    ・12日, 13日の観艦式事前公開は中止に
    ・Twitterに障害が発生
    トラックバックについて
    Trackback URL:
    お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]
    このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/6566
    Trackbacks
    このエントリにトラックバックはありません
    Comments
    愛のあるツッコミをお気軽にどうぞ。[policy]
    古いエントリについてはコメント制御しているため、即時に反映されないことがあります。
    コメントはありません
    Comments Form

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

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

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

    « :: »
    Copyright © 2004-2018 by CLES All Rights Reserved.