@husainovcom

Как правильно подключить скрипты и стили в шаблоне битрикс?

Добрый день

Как правильно должны быть подключены стили и скрипты в шаблоне интернет-магазина битрикс?

Сейчас подключено так:
spoiler
<?php
        // JS libraries
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/jquery-3.2.1_min.js");
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/owl.carousel.js");
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/jquery.cookie.js");
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/bootstrap.min.js");
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/jquery.fancybox.js");
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/slick.js");
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/animsition.min.js");;
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/swiper.min.js");
        $APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/script.js");

        // CSS libraries
        $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/owl.carousel.css");
        $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/swiper.min.css");
        $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/bootstrap_v4.css");
        $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/slick.css");
        $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/font-awesome.css");
        $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH."/css/animsition.min.css");

        $APPLICATION->ShowHead();
        ?>

Как я понимаю, с точки зрения оптимизации сайта это неправильно. Сейчас js скрипты убраны вниз страницы через стандартные настройки главного модуля. Как должно выглядеть правильное подключение с использованием атрибутов defer, async или вообще по-другому должно быть в идеале?
  • Вопрос задан
  • 130 просмотров
Решения вопроса 1
@Web_makaka2020
вот так
use Bitrix\Main\Page\Asset;
Asset::getInstance()->addJs('путь');
Asset::getInstance()->addCss('путь');
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы