ForesightJS - マウス・キーボード予測ベースのパフォーマンス最適化プリフェッチJSライブラリ
(foresightjs.com)- ユーザーインテント(意図)をリアルタイムで予測する超軽量JavaScriptライブラリ
- マウスの軌跡、スクロール方向、タブ/キーボード移動などのユーザー行動をリアルタイムで分析し、hover発生前に予想ターゲットへ先回りしてアクションを実行
- プリフェッチ時点の最適化:何を(what) いつ(how)読み込むかは開発者が、いつ(when)プリフェッチするかはForesightJSが担当
- hover・viewportプリフェッチの限界(時間遅延/不要なデータ読み込み/アクセシビリティの除外)とは異なり、実際にクリック/フォーカスされる確率が高いUI要素にだけ事前リソース読み込みを自動化し、パフォーマンスと体感速度を最大化
- DevToolsパッケージにより、軌跡/領域/コールバック実行などのリアルタイム予測を可視化可能
- TypeScriptを完全サポートし、フレームワークを問わず(Next.js/React Routerなど)誰でも利用可能
4件のコメント
画面内に入ってくるものを先にprefetchすべき理由が、目が先に情報を見る必要があるからだという点で、コンセプトだけでも面白いプロジェクトのようですね。
このコンセプト自体はたまに見かけるものでしたが、Webページが面白く、一目で機能を体験できるようによく作られていて驚きました。
眠くなっていたところで、目がぱっちり覚めるような楽しい体験でした。
私も直感的なデモが目を引きましたね(笑) 不思議でもありますし…。
MLに依存しない最適化手法というのはうれしいですね