ロードページがAJAX

Question

対私の動的なウェブサイトでは、私は最初document structureとしてindex.htmlページをロードしてから、私はajax経由PHP serverにいくつかの要求を作成し、ページにデータを挿入します。これは、PHP（index.php）のみを介してすべてのコンテンツを読み込むよりも優れていますか？どちらの方法が速いのですか？

ありがとうございました！

Answer 1

これが私の理解です：

index.html

ステップ1：サーバがクライアントにHTMLページを送信します。
ステップ2：AJAX要求がサーバーに対して行われます。
ステップ3：サーバーがデータを処理します。
手順4：サーバーがクライアントに応答します。
ステップ5：クライアント側のJavaScriptは、応答に基づいてページを変更します。


index.php

ステップ1：サーバがPHPを処理し、HTMLページを送信します。工程2：
ステップ3：利益。

EDIT： これは、同じ量のPHPコードをどちらかの方法で実行する必要があることを前提としていました。より良い説明についてはRavi Dasari's答えをご覧ください。

Answer 2

あなたがしなければならない理由がない限り、index.phpの読み込みはよりスマートになる可能性があります。この方法では、サーバーへの呼び出しは1回だけで、データをまとめて処理します。もう1つの方法は、インデックスページのサーバーへの呼び出しとデータの別の呼び出しを行い、クライアントがデータをまとめさせるようにすることです。これを行うことは必ずしも間違っているとは限りませんが、ほとんどのシナリオではおそらく間違った選択です。

Answer 3

最初に期待値を設定すると、両方ともレンダリングのためにブラウザに来るHTMLコードの最後にあります。したがって、このページを表示するには、取得するデータの量と、フェッチするのに必要な時間に依存します。

アプローチ1：読み込みindex.php 読み込み時間は、ここに表示するデータの種類によって異なります。

1. DB操作があり、それが各ユーザーごとに異なる場合は、このPHPページにすべての情報を取得してブラウザに渡すまでに時間がかかります。
2. ユーザー固有のDB操作またはレンダリングがない場合は、サーバーがこのHTMLを一度生成してキャッシュするため、.phpアプローチを進めることができます。だから、より良い読み込み時間を得ることができます。
3. このアプローチでは、HTTPリクエストの数が少なくなるため、PHP-> HTMLが高速であるため、読み込みが高速になります。

アプローチ2：読み込みindex.html 現在の読み込み方法はページの読み込み速度が非常に速いものの、ユーザーはまだ完全なコンテンツを待つ必要があります。しかし、少なくとも彼は最初の着陸の内容を見て、スピナーを見て内容を待っています。

これは.phpであり、ユーザー固有のコンテンツの読み込みが遅い場合、ページが読み込まれるまでユーザーは待ちません。

両方のアプローチが異なる状況に適しています。

また、ページの読み込み時間を最適化する必要があります。あなたのページからサーバーに送信されたHTTP要求の合計数を確認することができます。以下のブログで詳細を確認できます。我々は、要求を送信している場合ので、我々は、我々は最初のサーバーのリクエストに応じてデータを取り込む必要があり、スピードが懸念されている場合は、基本的にロードされたページのデータの目的のためにAJAXの方法を使用して How to improve you page load time

Answer 4

ができたさまざまなシナリオでは良い面と悪いですサーバは複数回反発して帯域幅に影響を与えます。しかし、もし我々がページ上の任意の種類のリスティングを使用しているなら、サーバからレコードを得るためにajaxリクエストを持つ通常の構造化されたhtmlページでもデータ型を使うことができます。ここでajaxメソッドを使うもう一つのメリットは、同じリスティングやデータに対してREST APIを作成する必要がある場合、apiのように同じアクションが機能するということです。なぜこれらのajax呼び出しが傾向zにあるのか