JavaScript — загрузка страницы через PHP против AJAX
В моем динамическом сайте я сначала загружаю index.html страница как document structure а потом я делаю некоторую просьбу к PHP server с помощью ajax и вставьте данные на страницу. Это лучше, чем загружать все содержимое через PHP (index.php) только? Какой метод быстрее?
Благодарю вас!
Решение
Это мое понимание
index.html
Шаг 1: Сервер отправляет HTML-страницу клиенту.
Шаг 2: AJAX-запрос сделан на сервер.
Шаг 3: Сервер обрабатывает данные.
Шаг 4: Сервер отвечает клиенту.
Шаг 5: Клиентский JavaScript изменяет страницу в зависимости от ответа.
index.php
Шаг 1: Сервер обрабатывает PHP и отправляет HTML-страницу.
Шаг 2: ?????
Шаг 3: Прибыль.
РЕДАКТИРОВАТЬ:
Это предполагало, что одинаковое количество кода PHP должно быть выполнено в любом случае. Посмотреть Рави Дасари ответь для лучшего описания.
Другие решения
Если у вас нет веских причин не делать этого, просто загрузка index.php, вероятно, будет разумнее. Таким образом, серверу выполняется только один вызов, и он обрабатывает данные вместе. Другой способ заключается в том, что вы делаете вызов на сервер для страницы индекса, а затем еще один вызов для данных, а затем вы заставляете клиента соединять данные. Это не обязательно неправильно, но в большинстве случаев это неправильный выбор.
Сначала установите ожидание, и оба в конце HTML-кода, который поступит в браузер для рендеринга. Таким образом, все зависит от количества данных, которые вам нужно получить, и времени, необходимого для его получения, чтобы показать эту страницу.
Подход 1: загрузка index.php
Время загрузки зависит от того, какие данные вы хотите показать здесь.
- Если у вас есть какие-то операции с БД, и они различны для каждого пользователя, тогда эта страница php займет некоторое время, чтобы получить всю информацию и передать ее браузеру.
- Если у вас нет какой-либо пользовательской операции с БД или рендеринга, тогда вы можете продолжить .php подход, так как ваш сервер сгенерирует этот HTML один раз и кеширует его. Таким образом, вы получите лучшее время загрузки.
- При таком подходе количество HTTP-запросов будет меньше, поэтому загрузка выполняется быстрее, если PHP-> HTML работает быстро.
Подход 2: загрузка index.html
Ваш текущий подход к загрузке очень быстр с точки зрения загрузки страницы, но пользователю все еще приходится ждать полного содержимого. Но, по крайней мере, он увидел первый посадочный контент, увидел какой-то счетчик и дождался контента.
Представьте, что это .php и загрузка пользовательского контента идет медленно, тогда пользователь может не дождаться загрузки страницы, и ему это не понравится.
Так что оба подхода подходят для разных ситуаций.
Также вы должны оптимизировать время загрузки вашей страницы в других отношениях. Вы можете проверить, сколько всего HTTP-запросов делается с вашей страницы на сервер. Вы можете проверить более подробную информацию в блоге ниже.
Как улучшить время загрузки страницы
В основном, использование метода ajax для целей данных на загруженной странице может быть хорошим и плохим в разных сценариях, если мы беспокоимся о скорости, то нам следует заполнить данные при первом запросе к серверу, потому что если мы отправляем запрос на сервер несколько раз вызывающе, то это будет влиять на пропускную способность. Но если мы используем какой-либо вид листинга на странице, то мы можем использовать таблицы данных также на обычной структурированной html-странице, имеющей ajax-запрос для получения записей с сервера. Вот еще одно преимущество использования метода ajax: если нам нужно сделать REST API для того же списка или данных, то здесь будет работать то же действие, что и API. Вот почему эти вызовы ajax находятся в тренде z.