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年後] |
    こんな記事もあります 「JS library to」
    ・DTrace で smb へのアクセスをリアルタイムに見る
    ・米国で TikTok, WeChat がダウンロード禁止に
    ・Firefox Send はこのままサービス終了に
    ・イヤホンによる外耳炎に注意
    ・ディズニーランドの社員の賞与は今期 7 割減に
    ・Excel のオートコンプリートを無効化する
    ・運動はなわとびで
    ・フェイスシールドは単体では意味がない？
    ・spam の発信に使われてるソフトは？
    ・grep でマッチした部分だけを取り出す
    トラックバックについて
    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-2020 by CLES All Rights Reserved.