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

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

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

WordPress での Iframe と HTML5 ビデオの lazy loading  

読み込み時間を優先するなら、もう探す必要はありません。WP WP Speed of Lightのメイン設定に、WordPressブログの読み込み時間を短縮し、SEOスコアも向上させる新しいトグルスイッチ「iframeと動画の lazy loadingが登場しました。.

Lazy loading は、ユーザーがスクロールして画像や動画などのマルチメディア要素に到達した場合にのみ読み込みを行う高速化技術です。ユーザーがスクロールしてその要素に到達しない場合、画像や動画は読み込まれません。WP WP Speed of Light は、必要な場合にのみ要素を読み込むため、時間の無駄を省き、ユーザーがブログにアクセスするまでの待ち時間を短縮します。. 

この新機能は、最も読み込み時間を浪費する要因に対処します。iframe（多くの場合、ウェブページやウィジェット）はWordPressブログに埋め込まれます。複数のウェブページを一度に読み込むことを想像してみてください。一方、HTML5動画は通常の動画のように動作し、読み込み時間を非常に長くします。.

幸いなことに、 WP Speed of Light、読み込み時間の改善は非常に簡単です。iframelazy loading 「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。

詳細では、特定のページをプリロードすることもできます。 「次のページをプリロードする」フィールドを使用すると、ブログのホームページなど、最もアクセス数の多いページをプリロードできます。これらのページにアクセスすると、キャッシュをクリアした後でも、読み込み速度が速くなります。

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

プラグイン設定のCDN統合から設定できます 「キャッシュのクリーンアップ時にもクリーンアップする」。Cloudflareのキャッシュを有効にし、必要な情報を入力します。必要に応じて、個々のファイルを消去する。

 スクリプトとスタイルシートのグループ化と縮小の改善

WordPressウェブサイトが成長し、変化していくにつれて、ブログの読み込み速度は低下していく傾向があります。直感的に、読み込み速度の低下は避けられないものと考えるかもしれませんが、どんなに複雑なウェブサイトであっても、読み込み速度を向上させることは必ずしも不可能ではありません。グループ化と縮小化を行うことで、読み込み時間を抑えることができます。.

グループ化と縮小は、しばしば同時に行われる2つの最適化ツールです。多くのウェブサイトでは複数のスタイルシートとスクリプトが使用されており、それぞれが独自のリクエストを必要とするため、読み込み時間が長くなります。グループ化は、すべてのスタイルシートとスクリプトを1つにまとめ、それぞれに1つのリクエストのみを必要とするようにします。一方、縮小は、個々のスタイルシートやスクリプト、あるいはスタイルシートとスクリプトのグループのサイズを縮小し、読み込み時間をさらに短縮します。. 

WP Speed of Lightのグループ化と縮小の設定は、設定画面の「グループ化と縮小」タブにあります。最新バージョンのプラグインでは、ブログでのグループ化と縮小の動作をカスタマイズできます。

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

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

最適化は重要ですが、WordPressブログのニーズはそれぞれ異なります。WP WP Speed of Light 進化を続け、提供される機能も充実しています。バージョン3.1と3.2では、iframeとHTML5ビデオの lazy loadingなど、あらゆるブログを高速化する新機能に加え、キャッシュのプリロード、グループ化、縮小の動作を調整するための新しいオプションも提供されています。.

WP Speed of Lightの最も優れた機能の 1 つは、すべてのホスティングと互換性があることです。たとえば、強力なCloudways

WordPressブログの高速化をお考えなら、もう探す必要はありません。WP WP Speed of Light ここ。