web-dev-qa-db-ja.com

複雑なテーマを調査してもまだ遅い WP キャッシング

WPキャッシュプラグインと一緒に複雑なWPテーマを使用すると、パフォーマンスの向上は最小限に抑えられます。単純なテーマに切り替えると、サイトのパフォーマンスが劇的に向上します。

QUESTION: 5月[WPテーマではバックエンドプロセスがされ、キャッシュされませんおよびWPキャッシュプラグインを完全に使用している場合でも、ページが読み込まれるたびに常に実行されています。どこでこれを調査しますか。 functions.php?

私はそれ自身のコンパニオンページビルダープラグインと一緒に多くのカスタマイズ機能を持っている有料のWordPressテーマを使っています。テーマとコンパニオンプラグインの間には、何百ものファイルがあります。

私は2年前に同じ経験を経験したことを思い出します。もう1つの有料テーマ(クライアント)、つまり別のブランドを使用します。これにはページビルダーコンパニオンプラグインもあります。 WPキャッシュが確認されていても、15秒のようなひどいページロード時間が発生します。

質問:典型的なフロントエンドの最適化(JS、CSS、画像など)とは対照的に、テーマプロセスに顕微鏡を当てるパフォーマンスアナライザプラグインはありますか。私は Debug ThisQuery Monitor プラグインを使用していますが、それらは来ますテクニカルレポートの長いメニュー付き。誰がどこから始めるべきか知っている。

QUESTION:自分のお気に入りのページビルダープラグインがWPキャッシングでうまく機能するかどうかを確認できますか。

1
MarsAndBack

通常、ページビルダーのテーマとプラグインはキャッシュと互換性があります。それでも彼らがウェブサイトを遅くする傾向がある理由はそれらが非常にリソース集約的だからです。

WPには、データベースからのデータとファイルの2つの主要なリソースがあります。ページビルダーはあなたが想像できるほとんどすべてのことができるので、それらすべての無限の可能性を強力にするのに十分なCSSとJavaScript(そしてさらにはHTMLマークアップ)を持っていなければなりません。そのため、ページビルダーには数百キロバイトの付随するCSSとJavaScriptが付属しているため、これらのエキサイティングなレイアウトをHTML用に最適化することはできません。

複雑なテーマにも同様のオーバーヘッドがあります。巨大なCSSファイルと複雑なJavaScriptがあるかもしれませんし、特に開発者がすべてのオプションをwp_optionsデータベーステーブルに投入し、それらすべてをオートロードするような場合には、データベースが膨大になることもあります。オプションテーブルが大きくなるほど、サイト全体の掲載結果が遅くなります。また、「選択肢が少なくて済む」「複雑度が低い」テーマでも、遅くなるようにコーディングすることができます。一般的に含まれているファイルが少なければ少ないほど、リソース集約型のテーマになる可能性が高くなります。 BootstrapやFoundationのようなCSSフレームワークを使用する必要のないテーマを見つけることができれば、追加のオーバーヘッドが取り除かれます - ナビゲーションバーや行と列のようなものを簡単に追加できます。フレームワークではなくCSSグリッド(およびフレックスボックスフォールバック)を使用する巧妙にコード化されたテーマを見つけたら、その日はファイルだけで何百キロバイトも節約できます。

ページビルダーや複雑なテーマはすべての訪問者がダウンロードするファイルをたくさん持っているので、たとえあなたが人間的に可能な限りすべてをキャッシュしたとしても、すべての訪問者にCSSとJSのリソースをダウンロードさせるのです。テーマはずっと軽量になります。 5分間のYoutubeビデオをストリーミングするのではなく、アニメーションGIFミームをダウンロードすることを想像してみてください - GIFは本質的にファイルがかなり小さいので、より速くダウンロードされます。

非常に複雑なテーマやページビルダーに関連するもう1つのことは、すべてのページにダウンロードするコアCSSおよびJSファイルがあるだけでなく、特定のレイアウトのためだけにコンディショナルCSSおよびJSもあることです。何百ものファイルがあるテーマについて言及するとき、たとえそれらが完全にキャッシュされていても、訪問者はまだダウンロードしなければならないでしょうが、それらのファイルの多くは彼が訪れる各ページに当てはまります。したがって、特定のページテンプレートを使用すると、それが余分なリソースになります。さらに、そのPHPファイルには、そのテンプレートにのみ適用される独自のCSSとJSも含まれる可能性があります。これらは訪問者側ではまだキャッシュされていません - 彼らはあなたのホームページをヒットし、おそらく投稿しています、そして今、彼らは彼らのブラウザが今まで遭遇しなかった新しいCSSとJSでこの新しいコンテンツに行く予定です - とにかくそれらの新しいリソース。

データベースサーバーやファイルサーバーの応答速度や、ホスティングプロバイダーの選択がそれらの時間に劇的な影響を与えることについても話し合っていないため、読み込み速度は非常に複雑なトピックです。すべてのファイルまたはデータベースに対するクエリどのテーマとプラグインセットがあなた自身の特定のサーバーで最もうまく機能するかを調べるために、私はあなたのサイトをステージングサイトにコピーすることをお勧めします - できればあなたのライブサイトと同じサーバーに - 実行されているデータベースクエリとその所要時間を確認するために、たとえばスピードを向上させることができる単一のファイルに個別のJavaScriptファイルをすべて組み合わせることができるパフォーマンスプラグイン、およびどれを判断しようとするプラグインチェッカータイプのプラグインプラグインは最もリソース集約型です。これらのプラグインの中にはリソースを大量に消費するものもあり、訪問者に問題を引き起こす可能性があるため、メインサイトではこれを行わないでください。しかし、これらすべてを試してから、たとえばパフォーマンスがどれほど変化したかを見るためなど、基本テーマに切り替えてから、一度に1つのプラグインをオフにすると、それがサイトに与える影響を知ることができます。あなたのサイトを駄目にしていることと、あなたが本当にすべてのこれらの追加リソースなしで素晴らしいカスタムエクスペリエンスをコーディングすることができる方法.

1
WebElaine