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

[Ивано++]

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

PHP код:

    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

    } 


PHP код:

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 - т.к. имею в виду не виснет ли при этом загрузка страниц?

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

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

[Ивано++]

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

[Ивано++]

Сообщение от Андрей Аксенов

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

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

PHP код:

    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 - соединяются в один файл и все нормально...



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

PHP код:

        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

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