Чем отличается beacon технология от обычного ajax?

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

2. В отличии от обычного AJAX, вы не получите ответа на такой запроса. Всё, что вы знаете, это то, что запрос поставлен в очередь на отправку на сервер, или нет.

Этот вид запросов идеально подходит для отправки какой-то аналитики при уходе со стра­ни­цы. Например, вы можете записывать сколько времени был пользователь на странице, что делал, и так далее.

window.addEventListener('unload', function () {
  navigator.sendBeacon("/log", analyticsData);
}, false);

Наверняка можно придумать способ использовать эти запросы для чего-то ещё, но так как вы не можете знать завершился такой запрос с ошибкой или прошел успешно, вы будете сильно ограничены.

Наконец, вы не можете пользоваться этими запросами в IE и Safari. Они там не работают. Значит для ничего, кроме как для не являющейся критически важной аналитики, этот вид запросов пока не подходит.