WordPressでのiframeとHTML5の lazy loading、キャッシュの事前読み込みなど

第一印象は重要であり、ウェブ上ではWordPressブログに何かが読み込まれる前に第一印象が決まります。ホームページやその他のWordPressの投稿やページが読み込まれるのにかかる時間は、ユーザーがブログに滞在する時間、さらには滞在するかどうかを決定します。さて、WP Speed of Light Addonの2つの迅速な更新により、ブログの読み込み時間を最適化し、SEOをさらに改善できます。

最新のアップデートでは、2つの新しいタイプの機能が導入されています。まず、 WP Speed of Light アドオンには、読み込み時間を最適化するための新しい機能が追加されました。特に、iframeとHTML5ビデオを遅延ロードする機能が追加されました。次に、WordPressプラグインは、キャッシュファイルの処理方法、スクリプトとスタイルシートのグループ化と最小化の方法をより柔軟に決定できるようになりました。詳細を確認してみましょう！ 

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

読み込み時間を優先する場合、探す必要はありません。 WP Speed of Lightのメイン設定に、WordPressブログの読み込み時間を短縮し、SEOスコアを向上させる新しいトグルスイッチが表示されました。Iframeとビデオの lazy loadingです。.

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

新機能は、最も深刻な問題に対処します。Iframesは、多くの場合、ウェブページやウィジェットであり、WordPressブログに埋め込まれます。一度に複数のウェブページを読み込むことを想像してみてください。逆に、HTML5ビデオは通常のビデオのように動作し、読み込み時間を浪費します。.

幸いなことに、WP Speed of Lightを使用すると、読み込み時間を改善するのが非常に簡単です。iframeとHTML5ビデオのlazy loadingを有効にするには、WordPressプラグインの設定に移動するだけです。iframeとビデオlazy loadingというラベルのスイッチを切り替えて、読み込み時間を改善してください。

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

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

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

キャッシュの事前読み込みを有効にするには、詳細タブに移動し、WP Speed of Light'sの設定でキャッシュの事前読み込みが有効になっていることを確認してください。その後、サイトマップへのリンクを正しいフィールドに追加します。サイトマップのリンクがわからない場合は、WP Meta SEO

からも特定のページをプリロードできます。詳細タブで、以下のページをプリロードするフィールドを使用して、ブログのホームページなど、最も頻繁にアクセスされるページをプリロードできます。これらのページにアクセスした人は、キャッシュをクリアした後でも、ページの読み込みが速くなります。

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

プラグインの設定のCDN統合タブから設定を行うことができます。Cloudflareアカウントを有効にしている場合は、下にスクロールしてキャッシュクリーンアップ時にクリーンアップするセクションに移動します。Cloudflareキャッシュを有効にし、フィールドに入力して、オプションで個々のファイルをパージする

 スクリプトとスタイルシートのグループ化とミニファイケーションの改善

WordPressウェブサイトが成長し、変更されるにつれて、ブログの速度が低下する傾向があります。あなたの直感は、速度低下を避けられないものとして受け入れるように促すかもしれませんが、最も複雑なウェブサイトでさえもスピードアップすることは不可能な作業ではありません。グループ化とミニファイケーションは、読み込み時間を制御するのに役立ちます。.

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

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

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

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

最適化は重要ですが、すべてのWordPressブログには異なるニーズがあります。 WP Speed of Light が進化し続けるにつれて、その提供する機能も進化しています。バージョン3.1および3.2のアドオンは、ブログの速度を上げるための新しい機能（iframeとHTML5ビデオの lazy loading）と、キャッシュの事前読み込み、グループ化、最小化の方法を調整するための新しいオプションの両方を提供します。.

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

WordPressブログの速度を上げたい場合は、これ以上探す必要はありません。WP Speed of Light ここで詳細をご覧ください。