2012-04-25 19 views
0

私は何が正しく表示される前に、ページのロード時に数秒の遅延があり、背景画像として使用されるいくつかの大きなJPGのみ「見かけの」ページの読み込み時間を短縮する - バックグラウンドでアセットを読み込む方法?

http://bitstream.ca/beta3/

でサイトを持っています。

jQueryなどを使用して初期ページの読み込み後に追加のアセットをインテリジェントに読み込む方法はありますか?

すなわち、疑似ロジックは以下のようになり
初期のページ表示のための1つの-load最小限の資産
2#1 -after完了すると、ページの機能のために必要な追加の資産をロード
3#2、完全にはDOMに知らせ-after私たちは準備ができています!

答えて

0

はい、いくつかの最適化を行うことができます。

最初に、spriteoptimizeあなたの画像をできるだけ小さく、読みやすくするために、画像を作成してください。

の動的ローディングの場合、すぐには必要ないイメージやその他のコンテンツを遅延ロードするために使用できるプラグインがいくつかあります。チェックアウト:

+0

感謝を(あなたはかなり簡単に独自の小さなプラグインを作成することを可能にする)、私は動的ロードのオプションを見てみましょう。スプライトはおそらくフルブラウザのjpgでうまく動作せず、すでにかなり圧縮されています。 –

+0

また、「FUBC」(不自然なコンテンツのフラッシュ)を避けるための良い記事http://labjs.com/ LABjs&User-Experience –

+0

Head.jsとlab.jsは遅延スクリプトの読み込みのオプションですが、わかりませんそれぞれの賛否両論が何であるか –