ワードプレスのページは非常に遅い - 巨大な初期の待ち時間

Question

新しいWordpressのサイトがあります - テーマはカスタマイズされていますが、大きな変更はありません。

右のページからは、以下のグラブに見られるように、ページの読み込みに時間がかかっていました。今これはテーマに問題がありますか？それのカスタマイズ？個人的に私はそれがホストされている可能性が高いと思った？ DNS？

どのような考えですか？

long wait time

Answer 1

TL; DR：

あなたのページが同時にあまりにも多くのファイルをロードしています。ページはキャッシュされません。

---

ロングバージョン：

1 - あなたはあまりにも多くのスクリプトファイルを持っている（それらの45）

各スクリプトファイルあなたの訪問者が必要とするミニプログラムのようなものですにダウンロードし、を処理してページを表示してください。

がを解析および処理する必要があるこれらのスクリプトファイルの各。あなたはそれらの45を持っています。 を処理するには時間がかかります。

スクリプトファイル "hog"はブラウザです。これは、非同期としてマークされていない限り、デフォルトでブラウザの完全な注意を要求していることを意味します（）。

「asynchronising」スクリプト彼らはスクリプトファイルを処理しながら、ページ上の他の要素をロードするためにあなたがブラウザを指示するというのファンシーな方法です

だから、あなたはスクリプトについて何をすべきでしょうか？

ベストプラクティスはの可能なスクリプトの最小量をに使用することです。 プラグイン/テーマを使用するスクリプトの数は、が必要です。すべてのコードが同じように作成されるわけではなく、ときどきは膨大なプラグイン/テーマを避けるべきです。あなたはが不要なスクリプトファイルを削減したら

、あなたはその後、これまでのスクリプトはになってしまったファイルをどのような組み合わせに進む必要があります。

これは空想的だと思いますが、実際にはという別のスクリプトファイルの内容をより少ないファイルにマージするだけです。後者が意図したように、まだ作業必ずものを作るための知識のビットを必要とするが、あなたのためたりは、手動を行うことができますことを行うことができますプラグインがあります。ページの下の方にから

はそれをやった後、あなたはあなたがまたはで終わるのいずれか「非同期」スクリプトファイル（複数可）してください、それはあなたのコンテンツ後にロードさせることを確認する必要があります

----------------

2 - あなたはあまりにも多くのCSSファイルを持っています。

CSSファイルがちょうどページのコンテンツをどうするか、ブラウザを伝える情報が含まれていることをファイルです。 のようなものは、テキストの大きさやヘッダーの色が必要です。

私が上記のスクリプトファイルを扱うのと同じ方法でそれらを扱います。

はその後、あなたが必要としない最適化を任意の肥大化のものを削減し、あなたが最後で残っているものを兼ね備えています。繰り返しますが、これを行うことができるプラグインは、または手動で行うことができます。同じように多くの

そのスクリプトファイル「豚」のブラウザ彼らは完全に

をダウンロードされるまで、CSSファイルでも十分な注意が必要との違いは、は、「非同期」のCSSファイルではないということです - フッタの下にあるロードオーダーの一番下に置くことができます。が、別のワームを開く可能性があります。

----------------

、3-あまりにも多くのリクエスト。

これは誇張された類推ではありますが、自宅にポイントをもたらします。

これを想像しては、あなたは壮大なパーティーを持っているとあなたがピザ店を呼び出すので、100枚のピザを注文したいです。今、2つの事のうちの1つが起こり得る。

あなたは/ 注文ピザ＃1 /ハングアップ/コールあなたまでなど、再び/ 注文ピザ＃2 /ハングアップ/コール再び/ 注文ピザ＃3 /ハングアップ/ ......呼んA-あなたが/完了/ハングアップ/ ため100枚のピザを呼び出すピザ＃100

それとも

B-を取得します。

明らかに、後者の方がはるかに少ないトラブル/はるかに速いと言うことができます。

お客様のページには+120件のリクエストがあります。各リクエストはです（スクリプトファイルまたはCSSファイルまたは画像/フォントファイルでもかまいません）

あなたのページは現在、上記の類推から方法Aを使用しています。

目標はコール（またはHTTPリクエスト）の数を減少させることである - 以上の還元方法B

のように/私はあなたの要求を削減するのに役立ちます前述したように、あなたのスクリプトファイルを結合します。また、フォントの数を最小限に抑える必要があることにも注意してください。あなたは本当に1〜2つ以上のフォントを必要としません。あなたは上記のすべてを実行した後の画像はCSSスプライト

---

4-使用することに組み合わせることができ、あなたは、キャッシュされたページを提供していないキャッシュ

に慣れる必要があります。

ユーザーがウェブサイトのページを訪問すると、サーバーは、データベース/ PHPファイルのすべての異なるセクションからそれを「構築」する必要があり、それには時間がかかります。

キャッシュを満たす！

キャッシングはゼロックスマシンのようです。 xeroxマシンを使用している場合は、ドキュメントのコピーを作成してほぼ即座に提供できます。

をキャッシュせずに動的なコンテンツを提供する、文字通り、再びすべての上を文書全体を入力するようなものです - あなたはすでに内容は覚えている場合でも - それは要求されていますたびに - それはより多くの時間がかかります。

WordPress用の多くの素晴らしいキャッシュプラグインがあります。それらをチェックアウトしてください。