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 ポインタ」
    ・自販機もサブスクの時代？
    ・ANTEC NeoECO GOLD 750W
    ・国立の「共和国」でパクチー充？
    ・CentOS5 の curl: (35) SSL connect error を力技で解決
    ・「楽天株式会社から緊急のご連絡」というメールに注意
    ・カフェインが多いイオンのエナドリ
    ・SMB 経由でフォルダを監視しているとファイルが存在しないと言われることがある
    ・今度はマルウェアへのリンク付きになった脅迫メールに注意
    ・NHK が正月特番で「平成ネット史（仮）」を放送
    ・ドメイン放棄は慎重に
    トラックバックについて
    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.