MODX. Компонуем файлы и уменьшаем скорость загрузки с помощью MinifyX

Отредактировано: 03 Декабря 2018

Компонент предназначен для чистки и склейки разных css и js файлов в один файл, для ускорения загрузки у пользователей сайта.

Обратите внимание, что на разных репозиториях могут быть разные версии компонента.

Компонент может ломать некоторые стили, на современны сайтах лучше использовать файлы созданные силами node.js

Используя MinifyX стоит быть внимательным, если в коде указан неверный путь до файла, или файл отсутствует на сервере, перестают работать все файлы, подключаемые с помощью этого компонента.

Пример вызова:

Fenom

Теги MODX

{'!MinifyX' | snippet : [
  'minifyCss' => 1,
  'minifyJs' => 1,
  'cssSources' => '/inc/css/bootstrap.css,' ~
                  '/inc/css/bootstrap-responsive.css,' ~
                  '/inc/css/font-awesome.css,' ~
                  '/inc/css/custom-fonts.css,'~
                  '/inc/css/style.css',
  'jsSources'  => '/inc/js/bootstrap.min.js,' ~
                  '/inc/js/jquery.form.js,' ~
                  '/inc/js/scripts.js'
]}

{$_modx->getPlaceholder('MinifyX.css')}
{$_modx->getPlaceholder('MinifyX.js')}

[[MinifyX?
	&minifyCss=`1`
	&minifyJs=`1`
	&registerJs=`default`
	&registerCss=`default`
	&jsSources=`
		/inc/js/bootstrap.min.js,
		/inc/js/jquery.form.js,
		/inc/js/scripts.js,
	`
	&cssSources=`
		/inc/css/bootstrap.css,
		/inc/css/bootstrap-responsive.css,
		/inc/css/font-awesome.css,
		/inc/css/custom-fonts.css,
		/inc/css/style.css
	`
]]
[[+MinifyX.css]]
[[+MinifyX.javascript]]

Документация