Битрикс: перемещение Javascript в конец страницы

Сегодня мы поговорим об оптимизации скорости загрузки сайта.

В сущности, эта статья посвящена решению довольно тривиальной задачи: перенос JS-скриптов в футер страниц. Начнем с теории вопроса.

Зачем переносить JS в нижнюю часть сайта

Как известно, поисковые системы рекомендуют переносить весь имеющийся Javascript в конец HTML-страницы.

На то есть свои довольно веские и простые причины. Дело все в том, что Javascript, в отличии, например, от PHP, выполняется в браузере. То есть на стороне пользователя. Получая сгенерированную сервером HTML-страницу, браузер останавливает загрузку и приступает к обработке JS. Если JS расположен в верхней части страницы — браузер начинает его выполнение еще до того, как пользователь увидел страницу. В результате, отображение страницы занимает больше времени.

Результаты проверки сайта в PageSpeed Insights

Перейдет от теории к практике.

Как перенести JS вниз страницы в Bitrix CMS

Начиная с версии 15.5 в Битрикс появилась возможность решения данной задачи средствами самой системы управления.

Активируется данная опция в настройках главного модуля:
Настройки –> Настройки продукта –> Настройки модулей

Данный способ работает как для «классического» подключения JS-скриптов, так и для битриксового $APPLICATION->AddHeadScript('');

Кроме того, есть возможность оставить необходимые скрипты на своем месте. Для этого достаточно добавить атрибут data-skip-moving="true".

Опубликовано: 29 апреля 2016 года, в рубрике «Битрикс».

Просмотров: 3805.

Метки: , .

Все публикации