Blazy

※Forge全件データの日本語検索サービスをご利用になりたい場合は、こちらまでお問合せください。

Forge英文サイト

更新日： 2017-11-18 バージョン： 1.0.0 作者： Daniel Martins Platform： DB： All スタック： All カテゴリー： Widgets, Libraries

概要：

bLazyとは何ですか？ bLazyは、軽量のレイジーローディングイメージスクリプトです（1.2KB未満の縮小とgzip）。これにより、負荷を軽減し、画像をマルチサービスできるので、帯域幅とサーバー要求を節約できます。ユーザーは、ページ全体をブラウズしないと、読み込み時間が短縮され、読み込まれたデータを保存できます。オプション、機能、および例の完全なリストについては、http：//dinbror.dk/blog/blazyのブログ記事を参照してください。

詳細：

このコンポーネントは、[be] -Lazy javascriptイメージのロードに対するOutsystemsのラッパーです。あなたのウェブサイトに画像を読み込むことを検討すべき理由は少なくとも2つあります。 WebサイトでJavaScriptを使用してコンテンツを表示したり、ユーザーに何らかの機能を提供したりする場合は、DOMをすばやく読み込むことが重要になります。スクリプトが実行を開始する前にDOMが完全にロードされるまで、スクリプトが待機するのが一般的です。大量の画像があるサイトでは、遅延読み込みや画像の非同期読み込みによって、ウェブサイトの滞在や離脱の違いが生じる可能性があります。この怠惰なローディングソリューションは、ユーザーがビューポート内でイメージが表示される場所にスクロールした場合にのみイメージをロードすることで動作し、ユーザーがそのポイントに到達しないとイメージはロードされません。これは帯域幅を大幅に節約することを意味します。ほとんどのユーザー、特にモバイルデバイスや低速接続でWebにアクセスするユーザーは、あなたに感謝します。 [be] -Lazy JS：http://dinbror.dk/blazy/examples/?ref=blogでできることの他の例

[Overview]
What is bLazy? bLazy is a lightweight lazy loading image script (less than 1.2KB minified and gzipped). It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data loaded if he/she doesn't browse the whole page. For a full list of options, functions and examples go to the blog post: http://dinbror.dk/blog/blazy.

[Detail]
This component is a Outsystems wrapper to the [be]-Lazy javascript image loading. There are at least a couple of excellent reasons why you should consider lazy loading images for your website: If your website uses JavaScript to display content or provide some kind of functionality to users, loading the DOM quickly becomes critical. It’s common for scripts to wait until the DOM has completely loaded before they start running. On a site with a significant number of images, lazy loading — or loading images asynchronously — could make the difference between users staying or leaving your website. This lazy loading solution work by loading images only if the user has scrolled to the location where images would be visible inside the viewport, those images will never be loaded if users never get to that point. This means considerable savings in bandwidth, for which most users, especially those accessing the web on mobile devices and slow-connections, will be thanking you. More examples of what you can do with [be]-Lazy JS: http://dinbror.dk/blazy/examples/?ref=blog

戻る