Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • 2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

850usersがブックマークコメント79

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

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

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント79

            • 注目コメント
            • 新着コメント
            オーナーコメントを固定しています
            a_kimura
            オーナーリンクにマウスオーバーしてからクリックするまでには300msかかるからその間に先読み!

            その他
            hevohevo
            技術的なことはよくわからないのだが。クリックタイプの広告リンクがあるサイトが導入したらどうなるんだろう。ちょっと工夫するといろいろひどいことになりそうだ。

              その他
              otchy210
              直感的には行儀が悪いと感じるなぁ。サーバ負荷の方が心配になる。

                その他
                efcl
                マウスオーバーで先に読み込んでおいて、読み込みできてたらpjaxで遷移させる。 instanceって感じ。 静的に細かい制御したい場合はprerenderとかを使うのがよさそう。http://furoshiki.hatenadiary.jp/entry/2013/12/24/233000

                その他
                toaruR
                アクセス解析にコツが要りそうなのと、ホバーが無いタッチ系には効かない点くらいか

                その他
                shields-pikes
                スマホでも同じようなこと出来ないかな……。でも、前面カメラでリンクを見つめる視線を読み取ってページ先読みとかは完全にやり過ぎだよなー。

                  その他
                  kihan
                  リンクにマウスオーバーしてからクリックするまでにリンク先ページをロードしてpjax化する高速化ライブラリ。無駄なロードが発生したり、やや難ありなのかな?あとスマホでは使えないね…

                    その他
                    Chishow
                    これに似たことはネットがアナログモデムだった時代にやってたなぁ

                      その他
                      a20130517
                      副作用が大きいのでパス

                        その他
                        wakuworks
                        マウスオーバーしたリンク先をサーバを介して内容を取得しキャッシュ。表示する際は、pushState によって URL を切り替えつつ JS で表示内容を切り替える。サーバ側への影響と、無駄なデータがたまる点でお勧めし難い

                        その他
                        オーナーコメントを固定しています
                        a_kimura
                        オーナーa_kimuraリンクにマウスオーバーしてからクリックするまでには300msかかるからその間に先読み!

                        2014/02/18リンク

                        その他
                        tsukikokikust
                        やってみた

                          その他
                          kgrock
                          2行追加するだけでWebサイトを高速化するInstantClick.io

                          その他
                          AquaNote
                          試したい!

                            その他
                            nasu_t
                            javascript instantclick pjax library

                              その他
                              okbm
                              チューニング

                              その他
                              tmatsuu
                              おー日本語紹介きてたのね

                                その他
                                nochiu74
                                うーむ、まだいいかな

                                  その他
                                  kyotaweb
                                  これは凄い発想

                                  その他
                                  pmakino
                                  確かに速くて面白いけど、副作用が心配

                                  その他
                                  kurenai7
                                  すっごい面白いけどリクエストの数が大変なことになりそうw

                                    その他
                                    kurechon
                                    すっごい面白いけどリクエストの数が大変なことになりそうw

                                      その他
                                      fk0407
                                      TKGHatebuReaderより

                                        その他
                                        sometk
                                        ブコメ参照

                                        その他
                                        macfan-hate7
                                        これってサーバ側じゃなくてクライアント側で実装できないの?現状だとサーバへの負荷が大きそうだけど...

                                          その他
                                          istb16
                                          これは、おもしろいな "2行追加するだけでWebサイトを高速化するInstantClick.io"

                                            その他
                                            maroon256
                                            http://atskimura.github.io/jekyll-with-instantclick/

                                              その他
                                              hirorock
                                              pjaxでサイト高速化

                                              その他
                                              kijtra
                                              スマホとかでみるとビカビカなったりでなんか導入の気が引けるw

                                                その他
                                                inulab
                                                ブラウザでやってないっけ最近の

                                                  その他
                                                  norisu0313
                                                  2行追加するだけでWebサイトを高速化するInstantClick.io

                                                  その他
                                                  ooiooiooi0313
                                                  2行追加するだけでWebサイトを高速化するInstantClick.io Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant Tags: via Pocket Febru

                                                    その他
                                                    kazuyadesse
                                                    びゅん!( ´ ▽ ` )ノ

                                                      その他
                                                      naitin
                                                      高速化

                                                        その他
                                                        kihan
                                                        kihanリンクにマウスオーバーしてからクリックするまでにリンク先ページをロードしてpjax化する高速化ライブラリ。無駄なロードが発生したり、やや難ありなのかな?あとスマホでは使えないね…

                                                          2014/02/19リンク

                                                          その他
                                                          glat_design
                                                          おもしろいなーと思ったアイディア。PCのみのものではあるけど

                                                          その他
                                                          ultimate-ez
                                                          マウスオーバーか。。。今どきスマホ無視したサイトは作らせてもらえないし、個人的なサイトでも作ろうと思えないんだよな〜

                                                            その他
                                                            labduck
                                                            おもろい

                                                              その他
                                                              hevohevo
                                                              hevohevo技術的なことはよくわからないのだが。クリックタイプの広告リンクがあるサイトが導入したらどうなるんだろう。ちょっと工夫するといろいろひどいことになりそうだ。

                                                                2014/02/19リンク

                                                                その他
                                                                wakuworks
                                                                wakuworksマウスオーバーしたリンク先をサーバを介して内容を取得しキャッシュ。表示する際は、pushState によって URL を切り替えつつ JS で表示内容を切り替える。サーバ側への影響と、無駄なデータがたまる点でお勧めし難い

                                                                2014/02/19リンク

                                                                その他
                                                                a20130517
                                                                a20130517副作用が大きいのでパス

                                                                  2014/02/19リンク

                                                                  その他

                                                                  注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                                                  リンクを埋め込む

                                                                  以下のコードをコピーしてサイトに埋め込むことができます

                                                                  プレビュー
                                                                  アプリのスクリーンショット
                                                                  いまの話題をアプリでチェック!
                                                                  • バナー広告なし
                                                                  • ミュート機能あり
                                                                  • ダークモード搭載
                                                                  アプリをダウンロード

                                                                  関連記事

                                                                    usersに達しました!

                                                                    さんが1番目にブックマークした記事「2行追加するだけで...」が注目されています。

                                                                    気持ちをシェアしよう

                                                                    ツイートする

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

                                                                    Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 3...Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます

                                                                    ブックマークしたユーザー

                                                                    • aprifield2020/04/03aprifield
                                                                    • yterazono2018/10/26yterazono
                                                                    • inc-27342018/04/06inc-2734
                                                                    • JUNKI_fugly2017/04/27JUNKI_fugly
                                                                    • k2k2monta2017/02/19k2k2monta
                                                                    • tsukikokikust2016/10/22tsukikokikust
                                                                    • tsuclulu2016/09/07tsuclulu
                                                                    • shojisuba2015/02/27shojisuba
                                                                    • kgrock2015/01/29kgrock
                                                                    • AquaNote2014/12/17AquaNote
                                                                    • ottonove2014/10/15ottonove
                                                                    • MarkeHills2014/09/12MarkeHills
                                                                    • sktign2014/06/27sktign
                                                                    • kenkitii2014/06/18kenkitii
                                                                    • seidai32014/05/06seidai3
                                                                    • nasu_t2014/04/21nasu_t
                                                                    • okbm2014/04/06okbm
                                                                    • angelica4ro2014/04/05angelica4ro
                                                                    すべてのユーザーの
                                                                    詳細を表示します

                                                                    ブックマークしたすべてのユーザー

                                                                    同じサイトの新着

                                                                    同じサイトの新着をもっと読む

                                                                    いま人気の記事

                                                                    いま人気の記事をもっと読む

                                                                    いま人気の記事 - テクノロジー

                                                                    いま人気の記事 - テクノロジーをもっと読む

                                                                    新着記事 - テクノロジー

                                                                    新着記事 - テクノロジーをもっと読む

                                                                    同時期にブックマークされた記事

                                                                    いま人気の記事 - 企業メディア

                                                                    企業メディアをもっと読む

                                                                    はてなブックマーク

                                                                    公式Twitter

                                                                    はてなのサービス

                                                                    • App Storeからダウンロード
                                                                    • Google Playで手に入れよう
                                                                    Copyright © 2005-2025Hatena. All Rights Reserved.
                                                                    設定を変更しましたx

                                                                    [8]ページ先頭

                                                                    ©2009-2025 Movatter.jp