Russian TYPO3 community - Оптимизация CSS / JS

Russian TYPO3 community (http://forum.typo3.ru/index.php)

- Инструменты разработчика (http://forum.typo3.ru/forumdisplay.php?f=34)

- - Оптимизация CSS / JS (http://forum.typo3.ru/showthread.php?t=10802)

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

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

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

Цитата:

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

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

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

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

Вот так если подключаю - 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-в футоре...

Код HTML:

<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>

Цитата:

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

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

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

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