あなたのワードプレスのウェブサイトで画像のレイジー読み込みを有効にする!

書かれた記事:
  • WordPress
  • 最終更新日:Dec 10、2016

遅延読み込みは、Webページをはるかに高速に、または一見高速に読み込む非常に便利なトリックです。 20画像を含むWebページがあるとしましょう。これはあまり一般的ではありません。 すべての20イメージがロードされるのにどれくらいの時間を要すると思いますか。また、ページのロード時間はどのくらいの時間に影響しますか? そのようなページの読み込み時間のかなりの部分が、 画像 およびその他のデータ重いオブジェクトです。

一方、レイジーローディングでは、まだ読者の目には見えない画像の読み込みを遅らせることができます。 これは、読者が実際に見ているものが、より速く読み込まれ、ウェブサイトが実際よりもはるかに高速であることを示唆しています。

レイジーローディングは、無料のWPプラグインで簡単に行うことができます。 WP Rocketのような特定のキャッシングプラグインには、機能の一部としてレイジーローディングスクリプトが含まれています。

ロケットレイジーロード

このプラグインは、HTTP要求の総数を減らします。つまり、同じ量の情報を伝達するためにサーバーが通信する必要がある回数を減らします。 その結果、ロード時間とサーバーリソースの使用が減少します。

Rocket Lazy Loadは、リーダーに見える画像のみを表示するように機能します。 また、ほぼすべての画像(サムネイル、投稿コンテンツまたはテキストウィジェットの画像を含む)でも機能します。 プラグインはjQueryを使用せず、JavaScriptをページヘッダーに追加することで機能し、スクリプトは非常に軽量です。 そして、私の意見ではプラグインの最も魅力的な部分があります-オプションがまったくなく、簡単なプラグアンドアクティベートで完了です。

オプションがないという事実は、いくつかの人にとってあまり魅力的ではないかもしれません。 選択の余地があることを許可する遅延ロードのための他の選択肢がありますので、お読みください!

ロケットレイジーロードをダウンロード

レイジーロード

このLazy Loadプラグインは、jQuery.sonarを使用して、リーダーがスクロールして画像を表示し、画像が表示されるようにします。 遅延ロードはAutomatticの素晴らしい人たちによってまとめられました。 レイジー負荷はサイトの負荷時間を改善し、サーバーの帯域幅も向上させるはずです。 プラグインは、リーダーの負荷を考慮したイメージのみをロードすることで、サーバーの帯域幅の使用を減らします。
Lazy Loadをダウンロード

BJレイジーロード

BJ Lazy Loadは、サーバーの帯域幅使用量を削減し、すべての投稿画像、サムネイル、コンテンツiframe、gravatarをプレースホルダに置き換えることで、サイトをより高速にします。 YouTubeやVimeoの埋め込みビデオもプラグインの対象となります。

また、あなたのテーマのイメージやiframeに遅延ロードを試みることもできます。

BJ

最大の違いは、他のほとんどの遅延読み込みプラグインでは利用できない選択の可用性です。 コンテンツ、サムネイル、テキストウィジェット、グラバター、iframe、および遅延読み込みを有効/無効にすることができるさまざまな画像クラスの画像から選択できます。

BJレイジーロードをダウンロード

他のプラグイン

高度なレイジーロード WordPressのウェブサイト用のもう一つの遅延読み込みプラグインであり、BJレイジーロードに非常によく似たオプションがたくさんあります。 モバイルページビューの数が多い場合があるかもしれないモバイル固有の遅延ロード設定を選択することもできます。

レイジーロードXT iframe、ビデオ、明らかに画像を含むほとんどすべてのタイプのコンテンツに遅延読み込みを提供する無料のプラグインです。 プラグインはフェザーウェイトプラグインでもあり、効果的に機能するためにあまり多くのリソースを必要としません。 Lazy Load XTは、フロントエンドのWebページコンテンツに対してサーバーリクエストが行われたときに、src属性をdata-srcに置き換えることで機能します。

あなたに!

遅延読み込みは間違いなくユーザーエクスペリエンスの向上につながります。 遅延読み込みは、メディアが多いWebサイトにとって非常に重要です。これは、非常に幸せな読者を確保するための簡単なトリックです。

遅延読み込みプラグインは画像の読み込みを遅らせるだけであることを忘れないでください。 最適なパフォーマンスを発揮する本当に効率的なWebサイトのためには、CDNを使用してすべての静的データを提供することを検討し、 W3 Total Cacheのような強力なキャッシュプラグイン 動的コンテンツを静的コンテンツに変換します。

ヴィシュヌについて

Vishnuは夜間のフリーランスの作家で、データアナリストとして働いています。

接続します。