メインコンテンツにスキップ
読了時間は5分 (1081ワード)

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

Iframe-and-HTML5-lazy-loading-cache-preloading-and-more-on-WordPress

第一印象は重要であり、ウェブでは、WordPress ブログに何かが読み込まれる前に第一印象が決まります。 ホームページやその他の WordPress の投稿やページの読み込みにかかる時間によって、ユーザーがブログに滞在する期間 (滞在したとしても) が決まります。 WP Speed of Lightで アドオンの 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は、多くの場合Webページやウィジェットであり、WordPressブログに埋め込まれます。一度に複数のWebページをロードすることを想像してみてください。 逆に、HTML5ビデオは通常のビデオのように機能し、読み込み時間が長くなりすぎます。

幸いなことに、 WP Speed of Light、ロード時間の改善は非常に簡単な手順で行えます。 lazy loadingを有効にするには、WordPress プラグインの設定に移動するだけです。 iframe とビデオのlazy loadingラベルの付いたスイッチを切り替えて、読み込み時間を改善します。

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

ロード時間を改善するための他の主な手法は、キャッシングとプリロードを使用することです。 通常、WordPressは、ユーザーが最初にWebページにアクセスしたときにキャッシュを生成します。 ただし、プリロードを使用すると、 WP Speed of Lightは、キャッシュをクリアするとキャッシュを生成するため、ロード時間をすぐに最小限に抑えることができます。

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

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

詳細から、特定のページをプリロードすることもできます。 [次のページをプリロード]使用すると、ブログのホームページなど、最もアクセスされるページをプリロードできます。
これらのページにアクセスすると、キャッシュをクリアした後でも、読み込み時間が短縮されます。

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

プラグイン設定のCDN 統合から構成をセットアップできます 「キャッシュのクリーンアップ時、またクリーンアップ」というセクションまで下にスクロールします。 Cloudflare キャッシュを有効にしてフィールドに入力し、オプションで個々のファイルを削除する

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

あなたのワードプレスのウェブサイトが成長し、変化するにつれて、あなたのブログは遅くなる傾向があります。 あなたの本能は、減速を避けられないものとして受け入れるようにあなたに言うかもしれませんが、最も複雑なウェブサイトでさえスピードアップすることは不可能な仕事を表す必要はありません。 グループ化と縮小は、読み込み時間を制御するのに役立ちます。

グループ化と縮小化は、しばしば一緒に発生する2つの最適化ツールです。 ほとんどのWebサイトは、いくつかのスタイルシートとスクリプトを使用しており、それぞれが独自の要求を伴うため、読み込み時間が長くなります。 グループ化により、すべてのスタイルシートが1つに結合され、すべてのスクリプトが1つに結合されるため、必要なリクエストはそれぞれ1つだけです。 一方、縮小化により、個々のスタイルシートまたはスクリプト、あるいはスタイルシートとスクリプトのグループのサイズが縮小され、読み込み時間がさらに短縮されます。  

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

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

もう1つの最適化オプションは、スタイルシートとスクリプトのロードを延期することです。 つまり、 WP Speed of Lightを使用すると、最初にコンテンツをロードし、最後にスタイルシートとスクリプトをロードできます。 目標:ユーザーは、限られた方法ではありますが、以前にページを操作できます。 これで、JavaScriptコードの延期を有効にすると、プラグインはインラインスクリプトも延期します。

最適化は重要ですが、WordPressブログごとに異なるニーズがあります。 WP Speed of Lightが進化し続けるにつれて、その製品も進化します。 アドオンのバージョン3.1と3.2は、すべてのブログを高速化する新機能(iframeとHTML5ビデオのlazy loading)と、キャッシュの事前読み込み、グループ化と縮小の動作を微調整する新しいオプションの両方を提供します。

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

WordPressブログのスピードアップが必要な場合は、もう探す必要はありません。 WP Speed of Lightについてもっと ここ

2
最新情報を入手

ブログを購読すると、サイトに新しい更新があったときに電子メールが送信されるので、見逃すことはありません。

関連記事

 

コメント

まだコメントはありません。 最初にコメントを送信してください
すでに登録? ここでログイン
2024年12月21日(土)

キャプチャ画像