HTML5プリロードにより、ページをすばやくレンダリングできます

コメント：プリロードは、ブラウザのアイドル時間を使用して、ユーザーが次に閲覧する可能性が高いページ/リソースを事前ダウンロード/ロードするブラウザメカニズムです。ユーザーがプリロードされたリンクにアクセスすると、キャッシュからヒットすると、ページをすばやくレンダリングできます。

私は、ウェブサイトをより速くする方法についての別のブログ投稿で取り上げました。

Firefoxは、新しいWebサイトの加速戦略を促進します。リンクプリロード。リンクのプリロードとは何ですか？ MDNの説明は次のとおりです。

プリロードは、ブラウザのアイドル時間を使用して、ユーザーが次に閲覧する可能性が高いページ/リソースを事前ダウンロード/ロードするブラウザメカニズムです。このページは、プリロードする必要があるブラウザに提供されます。ブラウザが現在のページの読み込みを完了すると、プリロードする必要があるページがバックグラウンドでダウンロードされ、キャッシュに追加されます。ユーザーがプリロードされたリンクにアクセスすると、キャッシュからヒットした場合、ページは迅速にレンダリングされます。

簡単な概要：ウェブサイトでは、ブラウザがユーザー分析に基づいて指定されたページ/ドキュメント/画像をダウンロードできます。これは非常に簡単に実装できます。

HTML5プリロードタグ

<！ - ページ、絶対または相対パスを使用できます - >

<link href = "page2.html" />

<！ - 写真も他のタイプのファイルにすることができます - >

<link href = "sprite.png" />

上記のHTMLコードから、Preloadingが<link>タグを使用し、Rel = prefetch属性を指定し、HREF属性がプリロードする必要があるファイルパスであることがわかります。 Mozillaは、いくつかの同様のリンクRelプロパティも実装しています。

<link href = "mozspecific.css" />

<link href = "2.html" />

注：HTTPSプロトコルもサポートされています。

いつプリロードされますか

ウェブサイトがプリロードされているかどうかはあなたのニーズに依存します、ここにいくつかの提案があります：

- 一連のページスライドがこのように表示される場合、1〜3ページをプリロードできます。

- ウェブサイト内で一般的な写真を読み込む

- 検索結果ページの次のページをプリロードする

プリロード

Firefoxでは、プリロードモードを禁止することができます。コードは次のとおりです。

user_pref（ "network.prefetch-next"、false）;

注意すべきこと

リンクのプリロードに関しては、次の予防策があります。

- プリロードはドメイン全体で実行できます。もちろん、Cookieやその他の情報もリクエスト中に送信されます。

- プリロードは、実際にユーザーにアクセスすることなく、ウェブサイトの統計を破壊する可能性があります。

-Mozilla Firefoxは現在、プリロードモード（2003-2010）をサポートする唯一のブラウザです

どう思いますか？自由時間を使用して追加のファイルをダウンロードすることは積極的な最適化です