AJAX – это просто! Или не очень…

- 15 августа 2017 года

Аякс, аджакс, кому как удобнее. Написано много статей об этой технологии, и со стороны разработки, и со стороны конечного пользователя. Что же такое AJAX? Если совсем просто, то ajax – это технология, позволяющая вам быстрее работать с сайтом. Каким образом?

Возьмём для примера многофункциональную социальную сеть Вконтакте. Конечно же Вконтакте работает на чудесной технологии ajax. Достаточно один раз зайти на любую страницу Вконтакте, любая последующая страница будет загружаться на ajax. Сделано это для того, чтобы любое действие посетителя на странице не перезагружало всю страницу целиком, а загружало только необходимую часть страницы. Это элементарная экономия трафика и серверных ресурсов. Сервера же не резиновые, чтобы выдерживать огромные нагрузки. Вконтакте каждую секунду происходят миллионы действий от пользователей, и, если бы серверам каждый раз приходилось «отдавать» всю страницу целиком, то потребовалось в сотни раз больше серверов, чтобы обрабатывать текущие нагрузки.

Ну ладно Вконтакте, но нам-то простым смертным зачем на наших небольших сайтах с небольшой посещаемостью ajax? Сервера наших хостеров ведь спокойно обрабатывают все запросы, и сайт всегда доступен!

Причина в удобстве использования сайта. Если ваш сайт будет неудобен, то посетитель довольно быстро уйдёт с него и найдёт более быстрый и удобный сайт.

Так что же делать?

Представим, что у вас на сайте есть галерея изображений. В ней очень много изображений, к примеру, 500. Ваш сайт может загрузить все изображения разом, но в таком случае посетителю придётся очень долго ждать, чтобы просмотреть галерею. Поэтому сайт должен загрузить одновременно только несколько изображений, а может и вовсе одно. Остальные изображения можно загружать на ajax. Вы просматриваете одно изображение, нажимаете кнопку «Следующее» и спустя 1-2 секунды уже видите следующее изображение. Таким образом, Вы улучшите удобство пользования вашим сайтом, и посетитель дольше времени проведёт на нём.

А если галереи нет?

Ничего страшного, есть масса других мест, где применим ajax: бесконечная прокрутка списков, загрузка уведомлений, отправка сообщений и многое другое.

Отлично, мне нравится. Включай.

Нельзя просто так взять и включить ajax на сайте! Это довольно сложная технология. Необходима грамотная проработка технического задания для разработки разделов и элементов, работающих на ajax.

Основные критерии выбора AJAX

Во-первых, нужно понять, что конкретно на сайте должно работать на ajax, какие есть «узкие» места в удобстве использования сайта. В большинстве случаев на сайте на ajax работает всего пара элементов.

Во-вторых, ajax-функциональность занимает сразу 3 логические области:

  1. Браузер должен уметь отправлять ajax-запросы на сервер
  2. Сервер должен уметь обрабатывать поступающие ajax-запросы
  3. Сайт должен уметь принимать и отображать пришедшие данные

Каждая область требует отдельной разработки! AJAX – не панацея. Не стоит рваться переводить весь сайт на ajax, но некоторые «узкие» места всё же лучше реализовать именно на ajax.

Понравилось? Поделитесь статьей в социальных сетях:

На нашем сайте используются файлы cookies, которые делают его более удобным для каждого пользователя. Посещая страницы сайта, вы соглашаетесь с нашей Политикой конфиденциальности. Подробнее ознакомиться с политикой и тем, для чего именно необходимы файлы cookies, можете узнать здесь

Walnut Team
Начать проект