JoomlaのプログレッシブLazy Loading

Joomlaで素晴らしいコンテンツを作成します！ それをアクセス可能にすることは別のことです。 Lazy loadingは、ワークフローを変更せずに2つを組み合わせた1つのソリューションです。 プログレッシブlazy loading 、画像は必要な場合にのみ読み込まれます。 リーダーがWebページ上の画像に到達しない場合、ダウンロードされることはありません。 現在、 lazy loadingはJoomlaでも利用できます！

lazy loadingの利点はたくさんあります。 ページの読み込みが速くなります。つまり、ユーザーエクスペリエンスが向上し、SEOスコアが急上昇し、ローエンドデバイスや低速のインターネットアクセスのユーザーがJoomlaコンテンツにアクセスしやすくなります。 数週間前、 WordPressの基本的lazy loadingレシピの改善を発表しました。 今日はJoomla！にプレゼントします！ また、その前に、 Joomlaでプログレッシブlazy loadingを有効にする方法を見てください！

JoomlaでLazy Loadingを有効にする！

Lazy loading! Speed Cache機能の一部です。 lazy loading有効にするのは、スイッチをフリックするだけです。 ただし、Joomla! のSpeed Cachelazy loading最大限に活用するのに役立つ他の機能も含まれています。

Joomlaでlazy loadingを構成するには！ ブログ、 Speed Cacheダッシュボードにアクセスしてください。 そこから、構成ボタンをクリックして、新しいSpeed Cache設定ページに移動します。

lazy loading設定は次の場所にあります。パラメータタブ。 lazy loadingを有効にするには、 lazy loadingオプションをオンにするだけです。

Joomlaから画像を除外してください！

最初の2つのフィールドでは、アイコンや小さなロゴなど、特定の画像が非常に小さい場合、 lazy loadingから除外できます。 これは、Joomla！の読み込み時間に実際に影響を与える画像に対してのみlazy loadingを有効にする場合に便利です。 ブログ。 このため、 lazy loading無効にならないように、非常に小さい画像のみを除外するようにしてください。

ただし、場合によっては、Joomla！のセット全体を除外（または含める）したい場合があります。 lazy loadingからの投稿またはページ。 これを行う理由は大きく異なり、合理的です。おそらく、それらに含まれるメディアはコンテンツに不可欠です。 この効果のために、次の2つのフィールドが使用されます。

最初のフィールドを使用すると、有効にすることができlazy loading特定のページのみのために、そして2番目のフィールドで、あなたは無効にすることができlazy loading 、コンテンツの選択のみのために。 どちらの場合も、ワイルドカードも使用できます。 アスタリスク記号を使用して、同じ名前のJoomla！のセットにlazy loadingを適用します。 投稿またはページ。 保存が有効に変わりlazy loading ： lazy loading 、あなたのJoomlaに有効になります！ 自動的にブログ。

JoomlaでプログレッシブLazy Loadingどのように機能するか！

Lazy loadingは、必要に応じてすぐにコンテンツを提供します。 通常、ページはテキストと画像の組み合わせで構成されます。 メディアのダウンロードは、特にローエンドの携帯電話や低速のインターネットアクセスでは、テキストのダウンロードよりも時間がかかります。 あなたのJoomla！ ブログは、モバイルやインターネットアクセスを魔法のように高速化することはできません。次善の策、つまりユーザーエクスペリエンスの向上を実現できます。

lazy loadingが実際に意味するのは、ブラウザが最初にテキストを読み込むことです。これは通常、Joomla！の不可欠な部分です。 ブログ。 テキストのサイズもはるかに小さいため、読み込みが速くなり、読者がフォローできます。 下にスクロールして画像が表示されると、 lazy loadingによって画像がダウンロードされて表示されます。

実際には、画像の読み込みにはまだ時間がかかる場合があります。 したがって、プログレッシブ画像のlazy loadingは、幅20ピクセル、4色、サイズがわずか数KBの小さなバージョンの画像が自動的に作成され、元のサイズに拡大されてからぼやけます。 効果は、画像がまだダウンロード中であることを示すフルサイズの画像のぼやけたバージョンです。 lazy loadingが画像のダウンロードを終了すると、Joomla！ ぼやけた画像を完全な画像に置き換えます。

プログレッシブlazy loadingは、 lazy loadingで自動的に有効になります。つまり、追加の変更を行う必要はありません。 何よりも、画像の小さなバージョンのみを使用することで、プログレッシブlazy loadingはJoomlaにほとんどオーバーヘッドを追加しません！ 収納スペース。

JoomlaでのLazy Loading ！ ギャラリー

Lazy loadingは区別しません。 Speed Cacheのlazy loading 、Droppicsギャラリーなどのギャラリーを含むすべての画像で機能します。 通常の画像と同様に、 Speed Cacheはギャラリー内の画像の小さなバージョンを爆破し、ぼかします。 ユーザーが下にスクロールすると、 lazy loadingによってフルサイズの画像がダウンロードされます。

何よりも、 Speed Cacheのlazy loadingがワークフローを妨げることはありません。 代わりに、プロセスにlazy loadingを挿入します。Joomlaの任意の場所に画像またはギャラリーを挿入するだけです。 ブログやSpeed Cache自動的にメインのコンテンツ、主にあなたによって除外テキストや小さな画像ロード好みが-た後のいずれかでAJAX 1を使用して遅延した画像をロードします。

画面の高さに基づくスマートなLazy Loading

Lazy loadingとは、スクロールと画面の高さです。 Speed Cacheのlazy loadingは、現在の画面の高さ（ビューポートに基づく）にのみ適用され、次の画面の高さをプリロードするという点で非常にスマートです。 したがって、接続が速い場合やスクロールが遅い場合は、JoomlaWebサイトでlazy loadingがアクティブになっていることに気付くことさえありません。

さらに、画面の高さに基づくこのlazy loadingは、たとえばアンカーへのリンクの場合、ページの中央にある場合でも、現在の画面の高さにのみ適用されます。 次に、上または下にスクロールすると、 lazy loadingが適用されます。

JoomlaSEOとLazy Loading

lazy loadingで使用されるSpeed Cache SEOに影響を与えません。

• ページの読み込み時間ははるかに優れています。
• 代替テキスト、画像のタイトル、説明を含むすべての画像コンテンツは、 lazy loadingなしですぐにlazy loadingます。 そして
• 画像のキャプションは、ページが最初に表示されるときにも読み込まれます。

プログレッシブlazy loadingは、メディアを表示することと、視覚的な手がかりを追加してダウンロードを遅らせることの間の妥協点です。 同時に、 lazy loadingによりJoomla！をナビゲートできます。 より速く、快適な体験をブログに書いてください。 Joomlaでのプログレッシブlazy loadingにより、優れたコンテンツを共有することに境界はありません。 アクセス可能にするための境界もありません。

もちろん、 Speed Cacheサイトを高速化して次のレベルに引き上げることを可能にする非常に優れた Cache モジュールなど、他の多くの素晴らしいツールも提供している

JoomlaのSpeed Cacheを確認してください：  https ： //www.joomunited.com/products/speed-cache