Оптимизация CSS / JS

[Ивано++]

Кто ни будь использует подобную конструкцию у себя на сайте

page.config.minifyCSS = 1
page.config.concatenateCss = 1
page.config.compressCss = 1
page.config.removeDefaultCSS = 1
page.config.inlineStyle2TempFile = 1
page.includeCSS {

file1 = {$const_Path_tpl}/systemdir/depo.css
file2 = {$const_Path_tpl}/systemdir/content.css

}

page.config.minifyJS = 1
page.config.concatenateJs = 1
page.config.compressJs = 1
page.config.removeDefaultJS = 1
page.includeJS {

#Документация - http://brandonaaron.net/code/mousewheel/demos
file1 = {$const_Path_tpl}/systemdir/jquery/jquery-1.9.0.min.js
file2 = {$const_Path_tpl}/systemdir/jquery/jquery-ui-1.7.2.custom.min.js
file3 = {$const_Path_tpl}/systemdir/jquery/jquery.mousewheel-3.0.6.pack.js

file4 = {$const_Path_tpl}/systemdir/jquery/jquery.pause.js
file4.excludeFromConcatenation = 1

file5 = {$const_Path_tpl}/systemdir/jquery/document-ready.js
file5.excludeFromConcatenation = 1

}

Она нормально у Вас жмет и оптимизирует CSS / JS - т.к. имею в виду не виснет ли при этом загрузка страниц?:confused:

[Андрей Аксенов]

Да, использую, все нормально.
Кроме того еще расширения для оптимизации и сжатия кода.

[Ивано++]

Значит проблема не в этом...:mad:

[Ивано++]

Да, использую, все нормально.
Кроме того еще расширения для оптимизации и сжатия кода.

Ни как не пойму почему когда я соединяю

page.config.minifyJS = 0
page.config.compressJs = 0
page.config.concatenateJs = 1
page.config.removeDefaultJS = 1
page.includeJS {

file1 = {$const_Path_tpl}/systemdir/jquery/jquery-1.9.0.min.js
file2 = {$const_Path_tpl}/systemdir/jquery/jquery-ui-1.7.2.custom.min.js
file3 = {$const_Path_tpl}/systemdir/jquery/jquery.mousewheel-3.0.6.pack.js
file3.excludeFromConcatenation = 1


/jquery-1.9.0.min.js + jquery-ui-1.7.2.custom.min.js + jquery.mousewheel-3.0.6.pack.js в один js-файл этими способами... то у меня перестает работать mousewheel - и его приходится делать через excludeFromConcatenation = 1?

jquery-1.9.0.min.js + jquery-ui-1.7.2.custom.min.js - соединяются в один файл и все нормально...:confused:



Вот так если подключаю - js-скрипты соединившись в один файл работают...:

file1 = {$const_Path_tpl}/systemdir/jquery/jquery-1.9.0.min.js
file2 = {$const_Path_tpl}/systemdir/jquery/jquery-ui-1.7.2.custom.min.js
file3 = {$const_Path_tpl}/systemdir/jquery/fancybox-source-2.1.4/jquery.fancybox.js
file4 = {$const_Path_tpl}/systemdir/jquery/jquery.mousewheel-3.0.6.pack.js


В общем как понял - проблема в логике (порядке) следования друг за другом...
Хотя странно - ведь по идея я вызываю все в самом конце...

[Ивано++]

Нашел преимущество в подключении js.-скриптов в footer...
Страничка немного - но быстрее отрисовывается, а потом применяются скрипты... Скорее всего так буду делать

[Андрей Аксенов]

Проблема может возникать не только при неправильном порядке подключения, но и при неверном использовании переменных в разных сценариях - можно $, jQuery или что-то еще, можно переопределить... вообщем тема большая.
Вообще сам я решил в шаблонах переходить на fluid/vhs - там можно явно задать включение сценариев, стилей, порядок их включения и зависимостей.
При "улучшении" кода сторонними расширениями могут возникнуть проблемы, особенно при использовании html5 - видимо не понимает некоторых тегов... Ну а при gzip сжатии сторонними плагинами мне так и не удалось добиться корректной работы сайта - нужны еще соответствующие настройки в apache/nginx, а те, что приведены в документации проблемы не решают...

[Ивано++]

В общем оставил так как есть..
Даже пробовал слить все в 1-файл в ручную и подключить - все равно не работает....

Оставил так и подключаю теперь все JS-в футоре...
<script src="fileadmin/template/systemdir/jquery/jquery-1.9.0.min.js?1358295042" type="text/javascript"></script>
<script src="fileadmin/template/systemdir/jquery/jquery-ui-1.7.2.custom.min.js?1367413072" type="text/javascript"></script>
<script src="fileadmin/template/systemdir/jquery/jquery.mousewheel-3.0.6.pack.js?1358295042" type="text/javascript"></script>
<script src="fileadmin/template/systemdir/jquery/jquery.pause.js?1367969493" type="text/javascript"></script>
<script src="fileadmin/template/systemdir/jquery/jquery.fancybox.js?1358295042" type="text/javascript"></script>
<script src="http://api-maps.yandex.ru/1.1/index.x...ig==" type="text/javascript"></script>
<script src="fileadmin/template/systemdir/jquery/document-ready.js?1373376792" type="text/javascript"></script>


Вообще сам я решил в шаблонах переходить на fluid/vhs

Что имеется в виду?
И если можно парочку примеров кода...
Как это происходит... Просто что бы понять.

[Андрей Аксенов]

имеется ввиду примерно следующее: http://fedext.net/blog/detail/vhs-assets-the-crash-course.html