Elementor/WordPressの高速化方法(Gutenberg CSSの無効化)


  1. Gutenberg CSSの無効化: GutenbergはWordPressのデフォルトのエディターであり、そのスタイルシート(CSS)はサイトのパフォーマンスに影響を与えることがあります。Elementorを使用している場合、GutenbergのCSSを無効化することができます。以下のコードをfunctions.phpファイルに追加します。

    function disable_gutenberg_css() {
       wp_dequeue_style('wp-block-library');
    }
    add_action('wp_enqueue_scripts', 'disable_gutenberg_css', 100);

    このコードは、wp-block-libraryというスタイルシートを無効化します。これにより、不要なCSSの読み込みを避けることができます。

  2. キャッシュプラグインの使用: キャッシュプラグインを使用すると、サイトのパフォーマンスを向上させることができます。有名なキャッシュプラグインとしては、W3 Total CacheやWP Super Cacheがあります。これらのプラグインをインストールし、設定を最適化することで、ページの読み込み時間を短縮することができます。

  3. 最適化された画像の使用: 画像はウェブサイトの読み込み速度に大きな影響を与えます。Elementorを使用している場合、画像の最適化プラグインを利用することをおすすめします。例えば、SmushやShortPixelなどのプラグインを使用すると、画像のサイズを圧縮し、読み込み時間を短縮することができます。

  4. 不要なプラグインやテーマの削除: サイトのパフォーマンスを向上させるためには、不要なプラグインやテーマを削除することが重要です。使用していないプラグインやテーマは、サイトの読み込み時間を遅くする可能性があります。WordPressの管理画面から不要なプラグインやテーマを削除し、サイトの軽量化を図りましょう。

  5. CDNの使用: コンテンツデリバリーネットワーク(CDN)を使用すると、サイトのコンテンツを高速かつ効率的に配信することができます。CDNは、ユーザーに近い場所にコンテンツをキャッシュし、読み込み時間を短縮します。有名なCDNプロバイダーとしては、CloudflareやKeyCDNがあります。

これらの方法を組み合わせることで、ElementorとWordPressのパフォーマンスを向上させることができます。試してみてください。