Отложенная загрузка контента с помощью технологии ajax

Проблема скорости загрузки веб-страницы рано или поздно начинает беспокоить как разработчиков так и их клиентов.

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

Например, Ваша страница по высоте в несколько раз превышает разрешающую способность среднестатистического монитора. В таком случае зачем весь контент страницы загружать в один момент? Можно же показать посетителю только то, что видно в первую очередь на мониторе, а пока человек будет "рассматривать" видимую часть странички - подгрузить и остальную, содержащую объемные данные.

Где можно использовать:

• рекомендую все виджеты социальных сетей (кнопки like, отправить и пр.) загружать именно этим сопособом: не всегда их сервера откликаются моментально, а при загрузке страницы ожидание может быть и длительным;
• выводить компоненты Битрикс, которым в силу определенных причин нельзя кешировать данные;
• выводить данные из инфоблока с десятками тысяч элементов, имеющих не первостепенное значение на сайте.

В этом случае все, что необходимо для корректной работы, это подключить библиотеку jQuery Лучше всего сослаться на файл в облачном хранилище Google, например,  http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js. 

Далее, в нужном месте документа вставляем код, который будет вызывать содержание файла, где, в свою очередь, будет храниться информация, подгружаемая на основную страницу:

<script>
var t = setTimeout( function() {
$.ajax({
url: "/ajax.php",
cache: true,
async: true,
success: function(html){
$("#ajax_block").append(html);
}
});
}, 500 );
</script>
<div id="ajax_block">
</div>

async - асинхронность запроса, по умолчанию true
cache - вкл/выкл кэширование данных браузером, по умолчанию true
url - url запрашиваемой страницы
500 - время в миллисекундах, которое должно пройти после загрузки страницы до начала загрузки указанного файла

Есть и другие параметры, их Вы легко найдете на официальном сайте проекта jQuery.

Затем создается файл ajax.php, для включения в него компонентов 1С-Битрикс начать его нужно следующим образом:

<? define('STOP_STATISTICS', true);
require_once($_SERVER['DOCUMENT_ROOT'].'/bitrix/modules/main/include/prolog_before.php');
$GLOBALS['APPLICATION']->RestartBuffer();?>

Этот код запрещает собирать статистику при открытии файла ajax.php, подключит только один пролог (необходимый для выполнения компонентов Битрикса, но не весь набор кода, как на обычной странице) и очистит буфер перед выводом Ajax-результата.

Далее, в этом файле, вы можете разместить любой компонент, к примеру, новости.

Описанный выше способ помог сократить время загрузки страницы на крупных проектах в несколько раз.