最高の WordPress 遅延読み込みプラグインの選択: トップ 7 プラグインの比較

サイトにビジュアル要素を追加すると、ページをより魅力的にする簡単な方法になります。 マーケティング バナー、製品画像、ギャラリー、またはビデオ チュートリアルを含めることができます。 残念ながら、多数のファイルを含めると、サイトの負荷が高くなり、パフォーマンスが低下する可能性があります.

遅延読み込みは、Web サイトの読み込み速度を上げながらサーバーへの負荷を軽減する優れた方法です。 訪問者が画面上の目的の場所までスクロールするまで、画像のレンダリングを遅らせます。 さらに良いことに、一部の遅延読み込みプラグインは無料で使いやすく、ウェブサイトを最適化するための追加機能が付属しています。

この投稿では、WordPress に最適な遅延読み込みプラグインをいくつか紹介します。 次に、ニーズに最適なツールを選択する方法を紹介します。

WordPress に最適な 7 つの遅延読み込みプラグイン

WordPress ウェブサイトに最適な 7 つの遅延読み込みプラグインを見てみましょう。

1.ジェットパックブースト

Jetpack Boost は、ウェブサイト全体の読み込み速度を向上させるオールインワンの最適化プラグインです。 効率的な遅延読み込みツールを使用できるだけでなく、Web パフォーマンスを改善するための他の多くの機能を楽しむこともできます。

さらに、Jetpack は、このリストで最も初心者に優しいオプションの 1 つです。 クリーンで直感的なダッシュボードにより、ナビゲートがこれまでになく簡単になります。

Jetpack Boost を際立たせているのは、First Contentful Paint (FCP) や Largest Contentful Paint (LCP) などの指標を改善するために特別に構築されていることです。 したがって、Jetpack Boost を使用すると、コア ウェブ バイタル、ユーザー エクスペリエンス、および検索エンジンのランキングを向上させることができます。

Jetpack Boost の主な機能

• モバイル デバイスとデスクトップ デバイス全体のパフォーマンス スコアを即座に表示するシンプルなレポート
• パフォーマンスを表示し、設定を調整するための直感的でクリーンなダッシュボード
• 特に重要な CSS を生成する追加の最適化ツール

Jetpack Boost の長所

• SEOの洞察を提供して、検索ランキングとCore Web Vitalsを強化します.
• CSS の読み込みを最適化し、重要でない JavaScript を延期します。
• プレミアム プランで重要な CSS を自動化できます。
• Automattic (WordPress.com の背後にいる人々) によって作成されているため、信頼性が高く、最も人気のあるテーマやプラグインと互換性があるため、安心できます。

ジェットパック ブーストの短所

• Jetpack 独自の CDN を選択できますが、Cloudflare のようなサードパーティの CDN を使用することはできません。

使いやすさ

Jetpack Boost は、セットアップと保守が非常に簡単です。 他の WordPress プラグインと同じように、Jetpack Boost をインストールできます。 次に、ダッシュボードに移動して、各設定を個別に切り替えます。

価格

無料の Jetpack Boost プラグインを使用して、多くの機能にアクセスできます。 自動化されたクリティカル CSS 機能を使用するには、月額 $20 からのプレミアム プランにアップグレードする必要があります。

2.スマッシュ

Smush は人気のある画像最適化プラグインで、100 万以上のアクティブなインストールがあります。 WordPress での遅延読み込みに加えて、Smush は画像の最適化、圧縮、およびサイズ変更ツールも提供します。

Jetpack のように、Smush は非常に使いやすいです。 実際、一度インストールすると、わずか数秒で起動して実行できます。 さらに良いことに、Smush は多くのテーマ、プラグイン、およびブラウザーと互換性があるため、通常どおりビジネスを行うことができます.

スマッシュの主な機能

• 画像の最適化、圧縮、サイズ変更ツール
• WordPress に画像をアップロードする際の自動ファイル圧縮
• すべての Smush 画像データを画像ブロックで直接表示する機能

スマッシュの長所

• 画像を個別に最適化するか、一括で最適化するかを選択できます (一度に最大 50 個の画像)。
• ウィジェット、コンテンツ領域、サムネイルなどのメディアの出力場所を制限できます。
• Smush Pro には Smush CDN と WebP 変換が付属しており、元のイメージのバックアップを保存します。

スマッシュの短所

• Smush は 5 MB を超える画像をスキップします。これは、ポートフォリオを含む Web サイトのような一部の Web サイトでは問題になる可能性があります。
• 無料版の圧縮オプションは、一部のユーザーにとって単純すぎる場合があります。

使いやすさ

Smush を使い始めるのはとても簡単です。 ボタンをクリックするだけで機能をアクティブ化できます。 これにより、フォールド下の画像の読み込みが即座に延期されます。 プラグインの設定に移動し、遅延読み込みにアクセスしてください セクションを開き、 Activateを押します。

価格

プラグインの無料版を使用するか、月額 $7.50 から Smush Pro を選択できます。 さらに、最初に 7 日間の無料試用版でツールをテストできます。

3. レイジーローダー

Lazy Loader は、まさにその通りに動作するシンプルでわかりやすいプラグインです。 このツールがあれば、面倒なことは何もありません。 代わりに、特定の要素で遅延読み込みを有効または無効にし、コンテンツの読み込みにスピナー アニメーションを追加するだけです。

さらに、Lazy Loader は、ビデオ、iframe、オーディオ コンテンツ、画像、さらには背景、スクリプト、ページ スタイルなど、さまざまな種類のコンテンツに適用できます。 そのため、いじるような凝った機能はありませんが、Lazy Loader は確かに堅牢なツールです。

レイジー ローダーの主な機能

• 背景画像とスクリプトを手動で変更して遅延ロードする機能
• 特定の投稿やページの遅延読み込みを有効/無効にするチェックボックス
• ブラウザーでネイティブの遅延読み込み機能を使用して iframe と画像を変更する機能

レイジーローダーの長所

• ページのスタイリングから iframe やスクリプトまで、あらゆる種類のコンテンツの読み込みを遅らせます。
• 特定の CSS クラスを持つ画像の遅延読み込みを無効にし、プラグインが処理するフィルターを追加できます。
• 無効化された JavaScript のフォールバックとして「noscript」要素を利用します。

レイジーローダーの短所

• インライン スタイルおよびスクリプトで挿入されていない背景画像に使用するには、マークアップを変更する必要があります。

使いやすさ

インライン スタイルやスクリプトで挿入されていない背景画像に Lazy Loader を使用する場合は、もう少し技術的な専門知識が必要です。 しかし、その他の要素については、Lazy Loader の設定は非常に簡単です。 設定の下 → Media 、必要なオプションを正確に構成すると、プラグインがすぐに機能します。

価格

無料。

4.最適

Optimole は、遅延読み込みとサイズ変更を提供するフルサービスのクラウドベースのシステムです。 また、WordPress で画像を最適化および圧縮することもできます。 さらに、Optimole CDN を利用してコンテンツ配信を高速化することもできます。

Optimole のユニークな機能は、すべての画像 URL をクラウドベースの URL に置き換え、その場で圧縮することです。 さらに、フォーマットベースの最適化、スマート クロッピング、透かしなどの追加機能を楽しむことができます。

無料版は、200 以上の場所から毎月 5,000 人の訪問者を処理できます。 それでも不十分な場合は、いつでも Pro バージョンにアップグレードして、1 か月あたり 5 万人の訪問者に対応できます。

オプティモールの主な特長

• 追加料金なしのグローバル CDN
• ページビルダーの完全サポート
• クラウド イメージ ライブラリのサポートと、より小さいイメージ サイズの AVIF サポート

オプティモールの長所

• レイアウトには影響しないため、ユーザー エクスペリエンス (UX) を向上させることができます。
• Optimole は、WebP や Retina を含むすべての画像タイプをサポートしています。
• 各訪問者のデバイスに基づいてリアルタイムで最適化します。

Optimole の短所

• 遅延読み込みは他のツールほど効果的ではありません (画像が一時的にぼやけた画像に置き換えられる場合があります)。
• Proオプションは、このリストの他のオプションよりも高価です.

使いやすさ

Optimole は完全に自動化されたプラグインです。 したがって、設定を「設定して忘れる」ことができ、ツールはサイトのバックグラウンドで動作するため、継続的なメンテナンスはほとんど必要ありません. さらに、Optimole を同じように簡単にアンインストールでき、サイトは完全にそのまま残ります。

価格

非常に機能的な Optimole ツールの無料バージョンがあります。 または、アップグレードしてより多くのトラフィックに対応し、無制限のサイトでツールを使用し、メール サポートにアクセスすることもできます。 有料プランは月額 $19.08 から。

5. WP RocketによるLazyLoad

LazyLoad は、スクリプトの重量が 10KB 未満の強力でありながら軽量なプラグインです。 LazyLoad は、アバター、サムネイル、iframe、背景画像、YouTube ビデオなど、サイト上のすべてのアセットを処理するため、強力であると言えます。

JavaScript をヘッダーに挿入し、jQuery などの JavaScript ライブラリを使用せずに画像を遅延させます。 少ない HTTP リクエストで、LazyLoad は速度を上げて LCP スコアを改善する別の方法を提供します。

LazyLoad の主な機能

• 投稿コンテンツまたはウィジェット テキストで画像を遅延読み込みする機能
• 一部のページで遅延読み込みを無効にするフィルター
• 背景画像の自動 (または手動) 遅延読み込み

LazyLoad の長所

• これは、PageSpeed Insights の指標の改善や初回入力遅延スコアの向上など、特定の目標を対象としています。
• 画像に「透明な」プレースホルダーを使用します（画像をぼかすのではなく）。
• YouTube iframe をプレビュー サムネイルに置き換えます。

LazyLoad の短所

• レビューでは、LazyLoad がサイトの画像の配置、レイアウト、およびその他のデザイン要素を混乱させる可能性があると主張しています。
• 最もモバイルフレンドリーなプラグインではありません。
• 他の遅延読み込みプラグインよりも更新頻度が低くなります。

使いやすさ

基本的なオプションを使用すれば、LazyLoad のインストールと構成は簡単です。 ただし、特定のページを遅延読み込みから除外するなど、より細かく制御したい場合は、 functions.phpファイルを手動で編集する必要があります。

価格

LazyLoad は WP Rocket による無料のプラグインです。 さらに、WP Rocket Cache プラグインを既にお持ちの場合は、LazyLoad が含まれています。

6. 動画の遅延ロード

Lazy Load for Videos は、YouTube や Vimeo のコンテンツが埋め込まれたポートフォリオやサイトなど、動画を多用する Web サイトに最適な遅延読み込みプラグインの 1 つです。 埋め込まれたビデオをクリック可能な画像プレビューに置き換えることで機能し、JavaScript を遅らせます。

さらに良いことに、YouTube 動画もプライバシー強化モードで読み込まれます。 さらに、再生ボタンを微調整したり、ビデオが終了したら関連するビデオの提案を非表示にしたりするなど、多くのカスタマイズ オプションを楽しむことができます。

動画の遅延読み込みの主な機能

• ベンダー ロックインやカスタム ショートコードがないため、ツールの使用をやめても動画は機能します
• GDPR への準拠。プレビュー画像の上にプライバシーに関する免責事項を表示できます。
• Vimeo プレーヤーとプログレス バーのカスタム カラー

動画の遅延読み込みの長所

• 必要に応じて、埋め込みを自動再生するように設定できます。
• 注釈と YouTube コントロールを非表示にして、すっきりとしたスペースを作成できます。
• すべての動画に適用できるプレロール/ポストロール広告などの追加機能が含まれています。

動画の遅延読み込みの短所

• Jetpack の「Shortcode Embeds」拡張機能、BuddyPress、および YouTube Embed WordPress プラグインには、いくつかの互換性の問題があります。

使いやすさ

このリストの他のプラグインと同様に、Lazy Load for Videos はインストールと管理が非常に簡単です。 さらに、いつでも簡単にプラグインのオンとオフを切り替えることができます。

価格

無料。

7. a3 遅延読み込み

最後に、a3 Lazy Load は排他的な遅延読み込みサービスを提供します。 初心者でも簡単にセットアップでき、モバイルフレンドリーです。

プラグインを使用するとページの読み込みが速くなりますが、a3 Lazy Load の広範なカスタマイズ オプションのおかげで、動画と iframe の設定を切り替えることもできます. さらに良いことに、特定の要素を含めたり除外したり、フェードやスピナーなどのスムーズなトランジション エフェクトを追加したりできます。

a3 Lazy Load の主な機能

• コンテンツの多いサイトでプラグインを使用する機能 (1000 枚の画像でテスト済み)
• サムネイル、アバター、ウィジェット、カスタム投稿タイプなどの遅延読み込み
• WordPress 埋め込みとの完全な互換性

a3遅延ロードの長所

• 読み込み中の画像にフェード効果とスピナー効果を追加できます。
• オン/オフ機能を使用して、要素を含めたり除外したりできます。
• WooCommerce などの他の便利なプラグインと完全に互換性があるため、オンライン ストアと簡単に統合できます。

a3遅延ロードの短所

• WordPress のコア機能を使用して追加されたメディアでのみ機能し、独自に記述された機能では機能しません。

使いやすさ

a3 Lazy Load は、すべてのユーザー レベルでセットアップとカスタマイズが非常に簡単です。

価格

無料版が利用可能ですが、プレミアムにアップグレードすることもできます。 有料プランは月額 24.99 ドルからで、5 つのサイトで使用できます。 さらに、a3 Lazy Load を 14 日間無料でお試しいただけます。サブスクリプションに同意しない場合は、サブスクリプションを簡単にキャンセルできます。

最高の遅延読み込みプラグイン: 比較表

評決: WordPress に最適な遅延読み込みプラグインは何ですか?

最適な遅延ロード プラグインは、Web サイトのニーズによって異なります。 たとえば、サイトに高品質の画像がたくさんある場合は、圧縮やサイズ変更などの画像最適化機能を提供するプラグインを好むかもしれません.

さらに、メディア ファイルのほとんどがビデオまたは WebP 形式である場合、一部のツールは JPEG/JPG および PNG でのみ機能するため、この機能を備えたプラグインを見つけることが重要です。

Jetpack Boost を使用すると、複数のチェックボックスにチェックを入れることができます。 重要な CSS や必須ではない JavaScript の延期などの追加機能を楽しむことができますが、Jetpack Boost は、必要のない多くのツールでサイトを圧迫することはありません. 代わりに、これらの機能を使用して、コンテンツの迅速な配信と遅延読み込みを強化します。

さらに良いことに、セットアップと構成がこれほど簡単なツールは他にありません。 サイトにインストールしたら、ダッシュボードに移動して、トグルを使用して各設定を有効/無効にします。 次に、Jetpack Boost がサイトのバックグラウンドで動作するため、継続的なメンテナンスはほとんどまたはまったく必要ありません。

遅延読み込みプラグインの選び方

WordPressに最適な遅延読み込みプラグインがわかったので、サイトに適したオプションを絞り込む方法をいくつか紹介します.

1.自分のスキルレベルに合っていることを確認してください

一部のユーザーは、多くの制御構成とカスタマイズ オプションを備えた、より実践的なツールを必要とする場合があります。 しかし、初心者にとって、これらすべての設定は威圧的です。 そのため、自分のスキル レベルに合った遅延読み込みプラグインを見つけることが重要です。

技術的な経験があまりない場合は、インストールが簡単で自動的に動作するツールを好むでしょう。 「設定して忘れる」オプションを備えた豊富なオプションがあるため、複雑な機能や継続的なメンテナンスをいじる必要はありません。

2.追加機能を確認する

遅延ロード プラグインを探している場合は、スクロールしなければ見えない位置にある画像のロードを遅らせるメソッドが必要になるかもしれません。 これらのプラグインの一部 (LazyLoad や Lazy Loader など) は、パッケージに記載されているとおりに機能します。

ただし、より複雑でコンテンツの多い Web サイトでは、コンテンツ配信を強化する追加機能を提供するツールを利用できます。 たとえば、ポートフォリオがある場合、最適化ツールと圧縮ツールが必要になる場合があります。 一方、写真の Web サイトでは、透かし機能が役立つ場合があります。

3. サポートされている画像形式とサイズを確認する

通常、ほとんどのプラグインは、JPEG や PNG などの一般的な画像形式に対応します。 ただし、すべてのツールが GIF やビデオなどのアニメーション画像の遅延読み込みを提供しているわけではありません。 さらに、WebP や Retina などの一部の新しい画像形式は無視される場合があります。

そのため、選択した遅延読み込みプラグインが、Web サイトで使用する予定のすべてのファイル タイプをサポートできることを確認することが重要です。 さらに、一部のプラグインの無料バージョンは、多くの場合、はるかに強力ではないことに注意してください. したがって、無料の遅延ロード プラグインは短期的には最良のオプションのように思えるかもしれませんが、大きなメディア ファイルでは機能しない可能性があります。

4. Web サイトの他のプラグインと互換性があることを確認する

遅延ロード プラグインを使い始めて、サイトの実行に不可欠な他のプラグインと互換性がないことを確認することは、最も避けたいことです。 たとえば、オンライン ストアを所有している場合、おそらく WooCommerce のようなプラットフォームに依存しているでしょう。 一方、フォーラム サイトでは、bbPress などの特殊なプラグインを利用して機能を獲得しています。

プラグインが、インストールした他のソフトウェアと互換性がない場合、サイトが破損する危険があります。 したがって、使用するツールの統合と互換性に細心の注意を払うことが重要です。 これの良い例は、Jetpack の特定の拡張機能では動作しない、Lazy Load for Videos プラグインです。

一般に、Jetpack Boost は WordPress.com の背後にいる人々によって作成されているため、ほとんどのテーマとプラグインで確実に動作します。

WordPress 遅延読み込みプラグインに関するよくある質問

サイトに最適な遅延読み込みプラグインを選択する方法がわかったので、遅延読み込みに関する最も一般的な質問をいくつか紹介します.

優れた遅延読み込みプラグインとは?

優れた遅延読み込みプラグインは、スクロールしなければ見えない位置で画像の読み込みを遅らせることができます。 これにより、ユーザーにすぐに表示されるコンテンツの配信が高速化されます。 これはデフォルトの機能ですが、画像の最適化、圧縮、サイズ変更ツールなどの追加機能を提供する遅延ロード プラグインも見つけることができます。

その上、最高の遅延ロード プラグインは自動化されており、使いやすく、WooCommerce などの一般的なプラグインと互換性があります。 さらに、UX を損なわないツールを見つけたり、画質を目に見えるように調整したりすることは、訪問者を苛立たせる可能性があるため、非常に重要です。

WordPress での遅延読み込みプラグインの費用はいくらですか?

無料の遅延読み込み WordPress プラグインはたくさんあります。 ただし、多くのプロバイダーは、追加機能を追加したり、より大きなファイル サイズを処理したりする有料オプションも提供しています。 一部の無料ツールは非常に制限されている可能性があることに注意することが重要です。

そのため、Jetpack Boost は優れたオプションです。 構成が非常に簡単な完全に無料のバージョンがあります。 WordPress に設定したら、画像を遅延読み込みし、必須ではない JavaScript を延期し、重要な CSS を最適化できます。 これらの設定により、お金をかけずにコンテンツ配信を高速化できます。

WordPress で遅延読み込みプラグインを設定するのは簡単ですか?

遅延読み込みプラグインの使いやすさはさまざまです。 より実践的なアプローチと構成を必要とする、より複雑なツールを見つけることができます。 ただし、インストールと使用が簡単な単純な遅延ロード プラグインを選択することもできます。

Jetpack Boost の優れた機能の 1 つは、数回クリックするだけでセットアップできることです。 次に、トグルを使用して個々の機能を有効または無効にします。 さらに、サイトに損害を与えることなく、いつでもプラグインを無効にすることができます.

遅延読み込みプラグインを使用すると、他にどのような機能を利用できますか?

合理化されたサービスを提供する遅延読み込みプラグインを見つけることができます。 ただし、追加機能にアクセスしたい場合は、サイトのパフォーマンスを向上させる他の機能を提供するツールを選択する価値があります.

遅延ロード サービスはシンプルですが強力であるため、Jetpack Boost は優れた遅延ロード プラグインです。 さらに良いことに、必須ではない JavaScript を延期し、重要な CSS を最適化し、有料プランでは重要な CSS を自動化することもできます. Jetpack Boost を Jetpack の CDN と組み合わせて、Web パフォーマンスをさらに最適化し、安定させることもできます。

遅延読み込みプラグインでサイトのパフォーマンスを向上

画像を追加することはサイトを美しくするための優れた方法ですが、写真が多すぎると読み込み時間が遅くなり、UX が混乱する可能性があります。 幸いなことに、適切な遅延読み込みプラグインを使用すると、コンテンツをより速く配信し、サイトをスムーズに実行し続けることができます.

要約すると、上位の WordPress 遅延読み込みプラグインの一部を以下に示します。

1. Jetpack Boost : 速度を最適化するための追加機能を備えた使いやすいプラグイン。
2. Smush : 圧縮およびサイズ変更ツールを備えた人気の画像最適化プラグイン。
3. Lazy Loader : 画像を遅延ロードするためのシンプルで手間のかからない方法。
4. Optimole : CDN を含むフルサービスのクラウドベースのシステム。
5. Lazy Load by WP Rocket : 特定の目標を達成するのに役立つ軽量ですが強力なプラグインです。
6. 動画の遅延ロード: 多数のカスタマイズ ツールを備えた、動画の遅延読み込みに最適なオプションです。
7. A3 Lazy Load : 遅延読み込み専用の使いやすいプラグイン。

全体として、Jetpack Boost を使用することは、サイトに遅延読み込みを実装するための最良のプラグインです。 さらに、多数の追加機能を使用して、Web パフォーマンス全体を最適化できます。 今日から Jetpack Boost を始めましょう!