これは Lazy Load Remastered という名前の Linux アプリで、最新リリースは Fixnpmsupport.tar.gz としてダウンロードできます。 ワークステーション用の無料ホスティング プロバイダー OnWorks でオンラインで実行できます。
Lazy Load Remastered with OnWorks という名前のこのアプリをオンラインで無料でダウンロードして実行します。
このアプリを実行するには、次の手順に従ってください。
-1。このアプリケーションをPCにダウンロードしました。
--2。ファイルマネージャーhttps://www.onworks.net/myfiles.php?username=XXXXXに必要なユーザー名を入力します。
-3。このアプリケーションをそのようなファイルマネージャにアップロードします。
-4。このWebサイトからOnWorksLinuxオンラインまたはWindowsオンラインエミュレーターまたはMACOSオンラインエミュレーターを起動します。
-5。起動したばかりのOnWorksLinux OSから、必要なユーザー名でファイルマネージャーhttps://www.onworks.net/myfiles.php?username=XXXXXにアクセスします。
-6。アプリケーションをダウンロードし、インストールして実行します。
スクリーンショット：
レイジーロードリマスター
説明：
Lazy Load は、長い Web ページ内の画像の読み込みを遅延させます。 ビューポートの外側の画像は、ユーザーがスクロールするまで読み込まれません。 これは画像のプリロードとは逆です。 これは、オリジナルの Lazy Load プラグインの最新のバニラ JavaScript バージョンです。 Intersection Observer API を使用して、画像がブラウザのビューポートに入るタイミングを監視します。 元のコードは、Matt Mlinac による YUI ImageLoader ユーティリティからインスピレーションを得たものです。 新しいバージョンは、Dean Hume によるブログ投稿から大きく引用されています。 デフォルトでは、Lazy Load は、元の高解像度画像の URL が data-src 属性で見つかると想定します。 オプションの低解像度プレースホルダーを src 属性に含めることもできます。 必要に応じて、イメージ要素をファクトリに明示的に渡すことができます。 たとえば、別のクラス名を使用する場合にこれを使用します。 低解像度のプレースホルダー、すなわち。 「ぼかし」テクニック。 遅延ロードされたレスポンシブ イメージは、data-srcset 経由でサポートされます。 ブラウザが srcset をサポートしておらず、ポリフィルがない場合は、data-src からの画像が表示されます。
特徴
- 画像をぼかす
- レスポンシブ画像
- インライン化されたプレースホルダー画像
- データ URI イメージをプレースホルダーとして使用できるため、リクエストの量を減らすことができます
- ベータ版はyarnまたはnpmでインストールできます
- jQueryを使用する場合は、使用できるラッパーがあります
プログラミング言語
JavaScriptを
これは、https://sourceforge.net/projects/lazy-load-remastered.mirror/ から取得できるアプリケーションです。 無料のオペレーティング システムの XNUMX つから最も簡単な方法でオンラインで実行できるように、OnWorks でホストされています。