コメント:HTML5のリンクプリフェッチ機能(リンクプレッチング)は、砂に埋もれた宝石です。まだその価値を知っている人はほとんどいません。それを必要とする友達はそれについて学ぶことができます。
HTML5のリンクプリフェッチ機能(リンクプレッチング)は砂に埋もれている宝石であり、その価値を知っている人はほとんどいません。古代の有名な画像プリロード機能を既に知っているかもしれません。リンクのプレッチ関数は、この概念を画像からWebコンテンツに拡張することです(Ajaxコードは不要です)。
このように機能します。このようなリンクをページに追加します。
<link href = "page2.html">
このようにして、マシンのアイドル状態の場合、ブラウザはバックグラウンドでPage2.htmlを自動的にダウンロードします。ユーザーが最終的にPage2.htmlリンクをクリックすると、ブラウザはキャッシュからページを取り出します。そのため、このページの読み込み速度は予想外に速くなります。
現在、Firefoxブラウザのみがこの機能をサポートしています。ただし、Firefoxは現在、世界で2番目に大きいユーザーベースを持つブラウザであるため、HTMLページにこのようなコードを追加する限り、かなりの数の訪問者がページの読み込み速度のこの非常に明らかな改善を経験することができます。とてもかっこいい!
多くの場合、リンクプレッチ機能を使用できます。
*複数のページに表示する必要がある長い記事、オンラインチュートリアル、画像アルバムなどがある場合。
*ユーザーがウェブサイトのホームページにアクセスする可能性が最も高い次のページをプリロードします。 (たぶん、それは製品のウェブサイト、またはブログのウェブサイトの最近のブログ投稿を推奨する製品ページです)
*検索クエリページは、検索された最初のいくつかのアイテムをプリロードします。
静的コンテンツの場合、RELタグを使用してプレイティング機能を実装することもできます。
<link href = "/images/big.jpeg?ca541d">
ここに注意すべき他の興味深いことがいくつかあります:
*リンクプリフェッチ機能はまもなくオペラ、クロム、サファリブラウザーに実装されますが、インターネットエクスプローラーの場合、おそらく2020年まで待つ必要があります。
*この機能が広く使用されている場合、ウェブサイトのログとアクセス統計に影響します。この状況を考えてください。あなたのページの1つには事前に解放され、数ページが撤回されていますが、ユーザーは実際にはこれらのページにアクセスしていません。サーバー(または統計ツール)は、2つの違いを知りません。
これを区別するために、FirefoxはX-Moz:Pretmet InformationをHTTPヘッダー情報に送信しますが、サーバー側でこの情報を識別するために何かが必要です。