AppDragは、デフォルトで全てのプロジェクトの画像にLazyLoadを提供します。

場合によって、１部のコンポーネントを埋め込みソースコードでコーディングし、ページの処理後にそれらをロードする為、リモートAPI呼び出しからコンポーネントを生成する必要があります。
これにより、画面に描写されていない時、画像の読み込みが回避され、理由もなく帯域幅の使用が軽減されます。

LazyLoadをカスタムコードコンポーネントに追加するのは本当に簡単です。

1 - 背景画像の場合、属性「data-src」に画像のソースを追加し、属性「data-bg」を使用し、属性値として「url ('yourimage.jpg)」を設定します。
2 - 「//1e128.net/img/load.png?v=1」を背景画像のデフォルトのsrcまたはurlとして使用して、読み込み時に画像がスムーズに表示されるようにします。
3 - クラスlazy-imgを画像または背景画像に追加します。
4 - コンポーネントがページに追加されたら、「myLazyLoad.update();」を呼び出します。（myLazyLoadは、ロジックを管理する為のグローバル変数です）

追加情報 :
任意の要素にad-nolazyを追加できます。また、要素とそのすべての子画像は遅延読み込みされません。