Грамотное подключение CSS и Javascript

#
Грамотное подключение CSS и Javascript
Здравствуйте!

1. Вопрос по CSS:
Например, есть два файла стилей. Есть ли разница в двух способах подключения? И какая разница?

Простой указатель пути:
<link rel="stylesheet" href="/upload/site/skin/css/responsive.css">
<link rel="stylesheet" href="/upload/site/skin/css/style.css">


Метод Core_Page::instance()->showCss()

<?php
Core_Page::instance()
   ->css('/upload/site/skin/css/responsive.css')
   ->showCss();
?>


2. Вопрос по Javascript:
Есть ли разница в двух способах подключения? И какая разница?

Простой указатель пути:

<script src="/hostcmsfiles/jquery/jquery.min.js"></script>
<script src="/upload/site/skin/js/slippry.min.js"></script>
<script src="/upload/site/skin/js/flexisel.js"></script>
<script src="/upload/site/skin/scripts.js"></script>


Метод Core_Page::instance()->showJs(TRUE)

<?php
Core_Page::instance()
   ->js('/hostcmsfiles/jquery/jquery.min.js')
   ->js('/upload/site/skin/js/slippry.min.js')
   ->js('/upload/site/skin/js/flexisel.js')
   ->js('/upload/site/skin/js/scripts.js')
   ->showJs(TRUE);
?>


И еще вопрос. Работа с CSS реализована так, что для каждого макета можно подключать отдельные стили. Можно такое реализовать и с JS?

Я буду очень благодарен за содержательные ответы на эти вопросы. Очень хочется разобраться в этом и грамотно подключать стили и скрипты к своим проектам.

Спасибо!
Модератор
#
Re: Грамотное подключение CSS и Javascript
Метод Core_Page::instance()->showCss() предпочтительнее, т.к. при отсутствии модуля компрессии отличий от первого варианта не будет, а если компрессия включена, то стили сожмутся и объединяться в один файл.

То же касается и JS + передача TRUE в showJs() даст асинхронное подключение.

Вывод: через Core_Page::instance() правильней.
#
Re: Re: Грамотное подключение CSS и Javascript
Спасибо! А как все-таки с этим вопросом:

Работа с CSS реализована так, что для каждого макета можно подключать отдельные стили. Можно такое реализовать и с JS?
Модератор
#
Re: Грамотное подключение CSS и Javascript
borisych,
не совсем понимаю вопроса. CSS от макета подключаются при редактировании макета в центре администрирования, Вы хотите там-же добавлять отдельный JS? Предлагаю вынести на обсуждение: http://www.hostcms.ru/support/wishlist/
#
Re: Re: Грамотное подключение CSS и Javascript
HostCMS писал(а):
не совсем понимаю вопроса. CSS от макета подключаются при редактировании макета в центре администрирования, Вы хотите там-же добавлять отдельный JS? Предлагаю вынести на обсуждение: http://www.hostcms.ru/support/wishlist/


Да, именно это и имел в виду. Вынес на обсуждение.
#
Re: Грамотное подключение CSS и Javascript
Есть необходимость отключения пустых файлов стилей и файлов js  для увеличения скорости загрузки страницы
Подскажите  где(в каких файлах) происходит подгрузка стилей для шаблонов.
Необходимо добавить проверку на наличие содержимого в файлах стилей js что бы не подгружать пустые файлы, которые грузятся по умолчанию.
На скриншоте показано, загрузку каких файлов необходимо заблокировать. https://prnt.sc/rb0tm1
#
Re: Грамотное подключение CSS и Javascript
Вы можете включить модуль компрессии,чтобы не было пустых файлов.
«Не выходи из комнаты, не совершай ошибку…»
#
Re: Грамотное подключение CSS и Javascript
Модуль «Компрессия страниц» доступен в редакциях «Корпорация», «Бизнес» и «Малый бизнес»
E-mail: info@syrbek.ru / телега: @syrbek /skype: activexm / syrbek.ru / Поддержка сайтов / г. Москва [HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, Git, SVN, Redmine]
Авторизация