jQueryを使って画像の遅延ロード

ウェブサイトの非常に重要な機能は確かにロードするページの速度です。 我々が欲しいものを表示するのに時間がかかりすぎる遅サイトにもかかわらず、実際には、ユーザーのほとんどは、代わりのサイトや競合他社への切り替えにより、ページを閉じます。 インターネットは、患者の人々;-)のためのツールではありません。

画像の遅延ロード （"遅延ロード"に変換）の技術は、長い待ち時間と、Webページ内の不必要を避けるために正確です。 このプログラミング手法はない、実際には、画像を参照していますが、それはロードするときに"役に立たない"すべてのリソースをカバーして、、もちろん、必要がある場合、"オンデマンド"で取り出されるriorse。

彼らは基本的にWebページの最も重い部分であるとして、我々は、画像の談話に直面するだろう。 ユーザーは、ページがすべてのそれらが隠されているかもしれないので、またはそれらが下部または、ユーザーが情報にアクセスしたい場所から遠いエリアに配置されたという理由だけで、画像を表示される、必ずしもではないを開始します。
ブログのものが（多くのコメントの告発で、非常に長くなることがある、）であるため、このような状況は、非常に大規模なページのために主に発生します。 このような状況ではそれが決して見られてはならない可能性があるため、特に起動時にすべての画像、下部にあるものをロードしても意味がありません！

遅延ロードのテクニックを実装するには、異なる方法で実装することができます。
頭に浮かぶその最も明白にはJavaScriptを使用してDOMからその場で画像を削除することです。 方法は、ほとんどのブラウザは静止画のリクエストを転送していないし、完全な望ましい効果を得られるので、しかし、これも間違っているだろう。
ポールハモンドによって記事で強調表示された得意技、 遅延コンテンツを持つサイトのスピードアップは、 HTML5でカスタム属性を使用して、代わりに、です。 方法を見てみましょう。

• <<
• 1
• 第二
• 3
• >>