WordPressウェブサイトの読み込み速度の最適化：Elementorのパフォーマンスを改善するための包括的なガイド（パートII）

WordPressウェブサイトの読み込み速度のために：Elementorのパフォーマンスを改善するには、次の10の方法で最適化することができます：

1.サーバーの最適化と基本構成

速度の最適化を行う前に、サーバーとPHP/MySQLのバージョンが最高の状態であることを確認してください。最近では、Elementor、Woocommerce、Wp Rocketキャッシュプラグインなど、サーバーへの負荷がますます大きくなっており、小規模な構成のサーバーでは簡単に詰まる可能性があります。サーバー構成が小さい場合は、以下のことをお勧めします。サーバーのアップグレード(少なくとも1H2G）またはCDNの利用例えばクラウドフレア.

2.効率的なテーマとプラグインの使用

軽量で高速なテーマやプラグインを選びましょう。例

• プラグインWP Rocket、LiteSpeed Cache、Perfmattersなど。

できるだけ多くの機能を実現するために、できるだけ少ないプラグインを使用することをお勧めします。例えばエレメンタル・プロそれを使ってスライドそして商品カタログそしてポップアップ広告そしてけいしきなど、同じ機能を持つ別のプラグインをインストールする必要はありません。あなたのページがElementorで構築されていない場合を除きます。

3.サーバーの負担軽減

サーバーの負荷を軽減することが、Webサイトのスピードアップにつながります。具体的な対策をご紹介します：

Wp_Cronの代わりにCloudflare/server Cronを使用しています。

WP_Cronは訪問者の訪問毎に起動され、サーバーの負担を増加させます。Wp_Cronの無効化そして、代わりにサーバーのCronタスクを使用してください。

define('DISABLE_WP_CRON', true)；

サーバーのCronタスクを5分毎に起動するように設定してください：

wget -q -O - https://example.com/wp-cron.php?doing_wp_cron >/dev/null 2>&1

WP Rocketのプリロードを減らし、無駄なCSS頻度を削除します。

WP Rocketのキャッシュのプリロードと主要なCSS機能の生成は、サーバー上で非常にリソースを消費するため、サーバーの負担を軽減するためにプリロードの頻度を調整することができます。

テーマのfunctions.phpドキュメンテーション

function_preload_batch_size($value){を実行します。
    $value = 20；
    return $value；
}
add_filter('rocket_preload_cache_pending_jobs_cron_rows_count', 'preload_batch_size')；

関数のpreload_cron_interval($interval) { $interval = 120
    $interval = 120; return $interval; { $interval
    return $interval；
}
add_filter('rocket_preload_pending_jobs_cron_interval', 'preload_cron_interval')；

関数のpreload_requests_delay($delay_between) { { $delay_between
    $seconds = 0.6；
    $delay_between = $seconds * 1000000；
    $delay_between を返します；
}
add_filter('rocket_preload_delay_between_requests', 'preload_requests_delay')；

4.サイト構成とプラグイン設定の最適化

PHPとMySQLのバージョンの確認最適なサーバー構成MySQL のバージョンは、サーバのメモリに応じて適切なバージョンを選択します。

プラグイン設定

• ファイアウォールと自動バックアッププラグインスキャンやバックアップの頻度を調整し、サーバーの負担を軽減します。
• 画像圧縮プラグインSmush または同様のプラグインを使用して画像を圧縮し、読み込み速度を向上させます。

5.トラッキングやeコマースのプラグインをインストールしすぎないこと

Eコマースサイトを最適化する場合、他のすべてのページはすぐにGoogleがテストしたモバイルとコンピュータ側に移動します。90以上のスコアです。しかし、商品詳細ページはモバイルでは非常に遅く、スコアは約30、総ロード時間は4秒以上です。ソースコードをチェックしてみると、Facebook広告、Googleトラッキングコード、paypal決済コード、その他サードパーティプラットフォームのJSコードが400KB近くもあり、最適化できないことがわかりました。

6.システムフォントまたはローカルホストされたフォントの使用

システムフォントまたはローカルでホストされているフォントを使用すると、読み込み速度が大幅に向上します。Google Fontsやその他のサードパーティ製フォントの使用は避けてください。

フォント設定の変更

テーマとElementorの設定]に移動し、[システムフォント]または[Webセーフフォント]を選択します：

Arial, Tahoma, Verdana, Times New Roman, Helvetica, Courier New, Georgia, Trebuchet MS, Times.

Elementorを使ってページを編集して自由に設定してください。

ローカルでホスティングされたGoogleフォント

ローカルでAstra ProまたはPerfmattersプラグインを使用します。Googleフォント属読み込み速度の向上.

7.キャッシュとデータベースの最適化

WP RocketやLiteSpeed Cacheなどのキャッシュプラグインを使用し、データベースの最適化を行いましょう。RedisやMemcachedのキャッシュを有効にすると、さらにパフォーマンスが向上します。

Redisキャッシュの有効化

Object Cache Proプラグインをインストールし、サーバーがRedisをサポートしている場合はそれを設定します。

8.ヘッダーやサイト全体のコンテンツを構築するためのテーマの使用

ヘッダー、フッター、サイドバーのコンテンツは、テーマに付属しているビルダーを使用するようにし、Elementorのようなビルダーを使用して速度を上げることは避けてください。緩める.

9.機能性のための効率的なプラグインの使用

Fluent Forms フォームプラグインのような軽量で強力なプラグインを使うことで、プラグインをたくさんインストールすることを避けましょう。

10. ウェブサイト速度の検出と最適化

GTmetrix と Google PageSpeed Insights ツールを使用してウェブサイトの速度をチェックし、その結果に基づいて最適化します。LCP、FID、CLSのようなコアウェブバイタルの指標に焦点を当てます。

はんけつをくだす

テーマとプラグインを賢く選択し、サーバー構成を最適化し、ローカルにホストされたフォントとキャッシュプラグインを使用することで、WordPressウェブサイトの読み込み速度を劇的に向上させ、ユーザーエクスペリエンスとSEOの結果を改善することができます。このチュートリアルに従って最適化を行い、パフォーマンスとユーザーエクスペリエンスの面でサイトを最高の状態に保ちましょう。