Оптимизация многочисленных JS и JS-кода

username

Постоялец
Регистрация
28 Апр 2009
Сообщения
61
Реакции
0
Есть доставшийся в наследство сайт на Битрикс, который правило 4-5 команд программеров разного уровня подготовки.
Десятки подгружаемых JS, CSS, как фреймворковых (jquery, bootstrap, aw...), так самописных.
Основная проблема сейчас в скорости загрузки страниц из-за подгрузки всего этого нужного и ненужного хозяйства (JS, CSS), непоследовательная компиляция и исполнение браузером и различного рода ошибки из-за конфликтов между ними.
Что-то типа сжатия, минификации, обфускации или утилит Google Closure Compiler не решит проблему. Наверняка есть методики или инструментарий, который может помочь сделать очистку JS и CSS-кода от неиспользуемых функций (классов, переменных, styles и т.д.), если не в автоматическом, то хотя бы в ручном режиме с визардом.
Задача: Нужны любые советы по вычищению проекта от лишнего кода и оптимизации сайта Битрикс, чтобы не переверстывать с нуля.
 
Нужно понимать какой Js что подгружает и естественно выключение каждого и мониторинг ситуации на сайте..
 
Есть доставшийся в наследство сайт на Битрикс, который правило 4-5 команд программеров разного уровня подготовки.
Десятки подгружаемых JS, CSS, как фреймворковых (jquery, bootstrap, aw...), так самописных.
Основная проблема сейчас в скорости загрузки страниц из-за подгрузки всего этого нужного и ненужного хозяйства (JS, CSS), непоследовательная компиляция и исполнение браузером и различного рода ошибки из-за конфликтов между ними.
Что-то типа сжатия, минификации, обфускации или утилит Google Closure Compiler не решит проблему. Наверняка есть методики или инструментарий, который может помочь сделать очистку JS и CSS-кода от неиспользуемых функций (классов, переменных, styles и т.д.), если не в автоматическом, то хотя бы в ручном режиме с визардом.
Задача: Нужны любые советы по вычищению проекта от лишнего кода и оптимизации сайта Битрикс, чтобы не переверстывать с нуля.
Gulp - там есть плагин вырезания из CSS неиспользуемых стилей на странице, (100% будут косяки если какие либо JS меняют классы), но это можно внять за основу и уже немного там допилить. Также сжатие, объединение в 1 файл и тд и тп.
Я в вашем случае делал с помощью этого галпа отдельные файлы CSS для морды, категорий, карточки товара и контентных страниц.

С JS - выше верно заметили ( выколючаем - смотрим что сломалось и включаем именно на той странице где это сломалось. если в категориях - то в категориях и включаем). Таким образом набираем набор JS для каждого типа страниц и дальше опять галпом все собрать в 1 и сжать
 
А разве нету например сайтов для оптимизации онлайн css? Я помню на каком то сайте видел такое чудо, скинул туда весь свой текст css и он его подправил. Или тот же самый дримвивер если туда его запихнуть и провести оптимизацию ? не не вариант ?
 
Назад
Сверху