通常、プリロードをプリロードするには2つの一般的な方法があります。XHRと動的にノードを挿入します。ノードの動的挿入は、最も単純で最も広範な非同期負荷法です。次に、ノードの動的挿入を使用してロードされたファイルは、ロード後すぐに実行されます。一方で、JavaScriptの実行はブラウザのJS実行プロセスを占有し、一方でページ構造も変更される場合があります。 CSSの実行により、ページ全体が変更される可能性が高くなります。 XHRメソッドはスクリプトを実行しませんが、同じドメインの制限によるものです
Lazy Loaderメソッドは、多くの写真を備えた一部のWebサイトで非常に便利です。ブラウザのビジュアルエリアの外側の画像は、ユーザーがページをその場所にスクロールするまでロードされません。このようにして、多くの写真を備えた長いWebページでは、より速く読み込まれ、サーバーの帯域幅を保存できます。また、この機能を実装するためのjQueryプラグインにプラグインもあります。
この技術は、TencentのQQスペースとWeiboで使用されています。多数の訪問があるウェブサイトでは、サーバーへの圧力を比較的減らすことができ、リクエストはユーザーが表示されている領域と以下のコンテンツにアクセスした場合にのみ行われます。従来、ページ全体を一度にダウンロードする代わりに、ダウンロードプロセス中にコンテンツが表示されるのを待っているユーザーがいます。
IEで新しい画像()。srcを使用して、ファイルをプリロードします。
他のブラウザは、document.createelement( 'object')タグを動的に挿入して、負荷を完了します。
説明:
1.新しい画像()。srcをFFで使用できない理由は、FFが画像用のキャッシュの個別のセットを実装するためです。同時に、SafariとChromeもキャッシュされていないようです。
2。オブジェクトタグを動的に挿入して、非ヘッドパーツに挿入して、ロードをトリガーする必要があります。
3。IE7IE8は、動的オブジェクトを使用して、一部のコードを介してファイルをロードすることもできます。