Quicklink

クイックリンク

Create:
2022-10-30
/ Update:
2022-11-27
Quicklink
Advertisement

概要

ウェブサイトのビューポートにあるリンクをプリフェッチしておくことでページ遷移の高速化を行うモジュール

説明

アイドルタイム(待機時間)にビューポート内のリンクをプリフェッチまたはプリレンダリングすることで、その後のページロードを高速化します。

Quicklinkは、次のような仕組みでページ遷移をより高速にしています。

  • ビューポート内のリンクの検出(Intersection Observerを使用)
  • ブラウザがアイドルになるまで待機(requestIdleCallbackを使用)
  • ユーザーが低速接続でないか(navigator.connection.effectiveTypeを使用)、データセーバーが有効か(navigator.connection.saveDataを使用)をチェック
  • リンク先へのURLのプリフェッチ(<link rel=prefetch>またはXHRを使用)またはプリレンダー(Speculation Rules APIを使用)し、リクエストの優先順位を制御する (サポートされていれば fetch() に切り替えることが可能)

gzipされた状態でわずか1KBと軽量なので、Quicklinkのモジュールをウェブサイトへ追加しても重くなることはありません。

データの追加や修正などリクエストはこちらからご連絡下さい

リサーチやツールの運用が面倒ですか?

DXにおけるクラウドサービスの導入から運用代行など併走型コンサルティングについてご相談ください。

Quicklinkを使用しているEC

X
items
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
D1 Milano

D1 Milano

ディーワンミラノ
革新的なマテリアルと1970年代のクリアライン&美的感覚にインスパイアされたデザインで人気な2013年ミラノ発のプレミアムファッションウォッチ
イタリア
arrow
No Results found.

No Results found.

別の条件で探してみましょう。

お問い合わせ

日々のリサーチ、クラウドサービスの導入・運用など、ITインフラの整備やDX / デジタルトランスフォーメーション業務でお困りですか?

利益を創出するためのオペレーションにおいて、今出来ていないこと、面倒なこと、他社ではコストが高いことなど、お気軽にご相談ください。

無料で相談する →
ご相談