Как ускорить последовательные запросы JQuery load() к одному и тому же div

Я не думаю, что вы сможете использовать нагрузку. Думаю, вам нужно будет использовать функцию ajax.

Из документов:

$.ajax() возвращает XMLHttpRequest, который он создает. В большинстве случаев вам не понадобится этот объект для прямого управления, но он доступен, если вам нужно прервать запрос вручную.

Это больше кода, но не должно быть так плохо. Вам, вероятно, потребуется настроить этот код (он не проверен), но я думаю, что концепция будет работать.

var xhr;

$("a").click(function() { 
  if(xhr !== undefined) { xhr.abort(); } 
  xhr = $.ajax({
    url: this.href,
    success: function(data) {
       $("#content").html(data);
    }
  });
});

Я подозреваю, что проблема не в методе load(), а в запросах, которые генерируются при обновлении DOM в результате завершения запроса на загрузку. После того, как запросы на изображения были инициированы, я не думаю, что есть какой-либо способ, кроме перезагрузки страницы, чтобы вы могли остановить обработку этих запросов. Потенциально вы могли бы проверить, был ли обработан запрос, когда щелкнули вторую ссылку, и перезагрузить страницу, а не использовать AJAX, если запрос все еще выполняется. Я не уверен, что это действительно того стоит.

Можно ли отключить AJAX для этой страницы? Большинство известных мне браузеров перестают загружать страницу (page1), когда покидают ее. Весь смысл AJAX заключается в создании адаптивных веб-приложений. В этом случае AJAX кажется контрпродуктивным для достижения этой цели. Я предполагаю, что повторная загрузка всего контента на странице, кроме контента в #content div, будет быстрее, чем завершение загрузки page1.