jquery - レスポンシブ Web デザインで Display:none 要素の読み込み時間を短縮する

Question

モバイル用の Display:none メソッドを使用してレスポンシブ デザインを作成しました。しかし、このメソッドを使用すると、要素が読み込まれ、読み込み時間が長くなります。読み込み時間を短縮する簡単な方法はありますか。これらの問題を解決するいくつかの外部JSを好みます。

誰でも私を助けることができます

Answer 1

大きな画像によってロード時間が増加していると思いますか？1 つの解決策は、ビューポート内にあるときにのみ画像を読み込む Lazyload jQuery プラグインを使用することです。

http://www.appelsiini.net/projects/lazyload

I'm not sure if it will still load images that are not visible. However, you could instead use a class on elements which should not be visible, and then use this to position them outside of the viewport.

EDIT: Lazyload will skip hidden images by default. (See the bottom of the page linked above)