Instant.pageは、ジャストインタイムのプリロードを使用してサイトナビゲーションを高速化できる小さなスクリプトです。ユーザーがリンクにカーソルを合わせると、ページがバックグラウンドでプリロードされ、リンクをクリックするとすぐに開きます。InstantClickは同じ原理で動作しますが、pushStateとAjaxの個別のライブラリとして提供され、プリロードプログレスバーなどの追加モジュールがあります。
インストール
本文の最後にスクリプトを追加するだけです。
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
最新のWebでは、ソリューションをnpmに配置する代わりにスクリプトを介して配布することは意味がないように思われるかもしれませんが、これはJQueryではなく、すべてのコードは文字通り200行強に収まるため、最も軽量なアプリケーションでも接続できます。その上、モジュールの形で、Googleからすでに非常に人気がありますが物議を醸すクイックリンクがあります。
デスクトップ
研究が異なれば価値も異なるため、ホバーしたリンクをクリックする確率と、それがどのくらいの速さで発生するかを確実に言うことは不可能です。スクリプトの作成者は、ポインタがすでに65ミリ秒を超えてリンク上にある場合、ユーザーは半分の時間それをたどると主張しています。
誤検知の数を減らすために、instant.pageとInstantClickの両方で、押した瞬間(マウスダウン)にプリロードをオプションでトリガーできます。これにより、ロードが平均80ミリ秒高速化されます。確かに、スクリプトはHTMLのみをロードし、他のファットリソースは引き続き正常にロードされます。
Instant.pageには、マニアック(およびクイックリンク愛好家)向けの完全に異常なトリガーもあり、リンクが表示されているときにページを読み込みます。..。幸い、ホワイトリストモードもあります。
電話
モバイルバージョンにはホバーがないため、リンクをクリックし始めた瞬間にプリロードが開始され、約90ミリ秒増加します。または、ビューポートをヒットするトリガーを選択することもできますが、このためには、非常に薄いページか、最小の既知の数のリンクが必要です。 (たとえば、フォームの送信後に次のページをプリロードできます)、またはホワイトリストを設定します。
セットアップ
- ホワイトリスト:プリロードは、属性を持つリンクに対してのみ機能します
data-instant
(このため、本文に属性を追加しますdata-instant-whitelist
) - ブラックリスト:属性を持つリンクは読み込まれません
data-no-instant
- 外部リンクはデフォルトではロードされません。
data-instant-allow-external-links
本文に追加することでこれを変更できます - , . ,
data-instant-allow-query-string
body
- uBlock Origin , EasyPrivacy, . instant.page , issue. , . Firefox uBlock Origin , .
- Safari 13 . Safari 14.
1年足らずで(そしてinstant.pageが半年未満前に人気を博した)、このテクノロジーは市場で足場を築き、SpotifyやPepsicoなどの大規模なクライアントを獲得し、2014年以来存在しているGitHubからInstantClickのスターの数に匹敵します。著者は、(builtwithを参照して)instant.pageを使用している7000以上のサイトを主張しており、月間ユーザーの合計は7600万人を超えています。
広告
すべてのサイズのサイトのVDS-これは私たちの壮大なサーバーについてです!それらはDDoS攻撃から無料で保護されており、インターネットチャネルの速度は500メガビットです。サイトをホストするための便利なVestaCPコントロールパネルを自動的にインストールする機能を提供します。注文を急いでください!