IframeとHTML5の lazy loading、キャッシュのプリロードなどWordPressで実現

第一印象は重要です。ウェブ上では、WordPressブログに何かが読み込まれる前に、すでに第一印象が決まっています。ホームページやその他のWordPress投稿・ページの読み込みにかかる時間は、ユーザーがブログにどれだけ留まるか、そもそも留まるかどうかを左右します。さて、 WP Speed of Light Addonの2つのクイックファイアアップデートにより、ブログの読み込み時間を最適化し、SEOをさらに向上させることができます。 

最新のアップデートでは、2種類の新機能が追加されました。まず、 WP Speed of Light Addonには、読み込み時間を最適化する新機能が搭載され、特にiframeやHTML5動画の遅延読み込みが可能になりました。次に、WordPressプラグインでは、ファイルのキャッシュ方法や、スクリプトとスタイルシートのグループ化および縮小方法をより柔軟に決定できるようになりました。さっそく見ていきましょう！ 

WordPressでのiframeとHTML5動画の lazy loading  

読み込み時間を優先するなら、遠くを探す必要はありません。 WP Speed of Lightのメイン設定に、WordPress ブログの読み込み時間を短縮し、それによって SEO スコアも向上させる新しい切り替えスイッチが登場しました：Iframe と動画の lazy loading。.

Lazy loading は、主に画像や動画などのマルチメディアを、ユーザーがスクロールしてそこに到達したときにだけ読み込む高速化テクニックです。ユーザーがそこまで到達しなければ、その画像や動画は単に読み込まれません。必要なときにだけ要素を読み込むことで、 WP Speed of Light は時間を無駄にせず、ユーザーがブログを操作できるようになるまでの待ち時間を短縮します。. 

新機能は、最も厄介な問題に対処します。Iframeは、多くの場合ウェブページやウィジェットですが、あなたのWordPressブログに埋め込まれます—複数のウェブページを一度に読み込むことを想像してみてください。逆に、HTML5動画は通常の動画と同様に動作し、これらも読み込み時間を圧迫します。.

幸いなことに、 WP Speed of Lightを使えば、読み込み時間の改善は非常に簡単な手順です。iframeとHTML5動画に対して lazy loading を有効にするには、WordPressプラグインの設定に移動するだけです。 iframe & video lazy loading というラベルのスイッチを切り替えて、改善された読み込み時間を活用しましょう。 

WordPress の投稿とページのキャッシュプリロード 

読み込み時間を改善するもう一つの主要な手法は、キャッシュとプリロードによるものです。通常、WordPressはユーザーが初めてウェブページを訪問したときにキャッシュを生成します。しかし、プリロードでは、 WP Speed of Light がキャッシュをクリアしたときに生成するため、読み込み時間を即座に最小限に抑えることができます。.

WP Speed of Light のバージョン3.1および3.2では、XMLサイトマップに記載されたウェブページをプリロードする機能が追加されました。サイトマップは、Google、Bing、Yahooなどの検索エンジンがあなたのウェブサイト上のページを見つける手助けをします。通常、サイトマップにはブログの最も重要なページ、あるいはすべてのページへのリンクが含まれています。ひいては、サイトマップはキャッシュをプリロードするための理想的なツールとなります。. 

キャッシュのプリロードを有効にするには、タブに移動してください。キャッシュのプリロードが有効になっていることを確認し、正しいフィールドにサイトマップへのリンクを追加してください。サイトマップのリンクが不明な場合は、 WP Speed of Lightの設定にある WP Meta SEOなどのSEOプラグインを使用できます。詳細設定

「 詳細設定 」タブからは、特定のページをプリロードすることもできます。「 以下のページをプリロード 」フィールドを使用すると、ブログのホームページなど、最もアクセスされるページをプリロードできます。これらのページを訪れる人は、キャッシュをクリアした後でも、高速な読み込みを享受できます。

キャッシュ機能は、CDNを使用している場合でも、特定のURLのみのキャッシュをクリアできるようになりました。CDNは、世界中のサーバーからWordPressブログのコンテンツを配信し、ユーザーに地理的に近い場所からウェブページを提供します。最新のアップデートにより、キャッシュするCDNページを指定できるようになりました。.

設定は、プラグイン設定の CDN連携 タブから行えます。Cloudflareアカウントを有効化している場合は、 キャッシュクリーンアップ時に、これもクリーンと表示されているセクションまでスクロールしてください。Cloudflareキャッシュを有効にして各フィールドに入力し、必要に応じて 個別ファイルのパージを選択してください。

 スクリプトとスタイルシートのグループ化および圧縮の改善

WordPressサイトが成長し変化するにつれて、ブログの表示速度は低下する傾向があります。その速度低下を避けられないものとして受け入れるべきだと本能が告げるかもしれませんが、どんなに複雑なサイトであっても高速化は不可能な作業ではありません。グループ化と圧縮（ミニファイ）は、読み込み時間を管理するのに役立ちます。.

グループ化と縮小化は、しばしば併用される2つの最適化ツールです。ほとんどのウェブサイトは複数のスタイルシートとスクリプトを使用しており、それぞれが個別のリクエストを発生させるため、読み込み時間が増加します。グループ化は、すべてのスタイルシートを1つに、すべてのスクリプトを1つにまとめることで、それぞれ1回のリクエストで済むようにします。一方、縮小化は、個々のスタイルシートやスクリプト、またはスタイルシートとスクリプトのグループのサイズを削減し、読み込み時間をさらに短縮します。. 

WP Speed of Lightのグループ化と縮小の設定は、設定内の適切な名前の グループ化と縮小 タブにあります。プラグインの最新バージョンでは、ブログ上でのグループ化と縮小の動作をカスタマイズできるようになりました。

例えば、デバッグ中には特定のスタイルシートやスクリプト、あるいは特定のページをグループ化や縮小化したくない場合があります。また、グループ化と縮小化によってページが正しく表示されなくなったり、スタイルシートやスクリプトが読み込まれるまでページが機能しなくなったりする場合もあります。 グループ化と縮小化 タブでは、インラインスタイルのグループ化と縮小化を除外し、ページを最適化から除外できるようになりました。

もう一つの最適化オプションは、スタイルシートとスクリプトの読み込みを遅延させることです。つまり、 WP Speed of Lightを使用すると、最初にコンテンツを読み込み、その後、最後にスタイルシートとスクリプトを読み込むことができます。目標は、ユーザーが限定的な方法ではありますが、より早くページを操作できるようにすることです。ここで、JavaScript コードの遅延を有効にすると、プラグインはインラインスクリプトも遅延させます。.

最適化は重要ですが、WordPressブログごとにニーズは異なります。 WP Speed of Light が進化し続けるにつれて、その提供内容も進化しています。アドオンのバージョン3.1と3.2では、すべてのブログを高速化する新機能—iframeとHTML5動画の lazy loading—と、キャッシュのプリロード、グループ化、および縮小化の動作を調整する新しいオプションの両方が提供されています。.

WP Speed of Light の最高の機能の一つは、 WP Speed of Light がすべてのホスティングと互換性があることです。例えば、強力なホスティングである Cloudways などがあります :)

WordPress ブログの高速化が必要なら、もう探す必要はありません。WP Speed of Light の詳細は WP Speed of Light こちらをご覧ください。