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

Тема в разделе "JavaScript", создана пользователем username, 11 дек 2017.

  1. username

    username Постоялец

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

    Izrael

    Регистр.:
    12 фев 2008
    Сообщения:
    503
    Симпатии:
    63
    Нужно понимать какой Js что подгружает и естественно выключение каждого и мониторинг ситуации на сайте..
     
  3. shadowrun

    shadowrun Нарушитель

    Регистр.:
    13 июл 2011
    Сообщения:
    179
    Симпатии:
    122
    Gulp - там есть плагин вырезания из CSS неиспользуемых стилей на странице, (100% будут косяки если какие либо JS меняют классы), но это можно внять за основу и уже немного там допилить. Также сжатие, объединение в 1 файл и тд и тп.
    Я в вашем случае делал с помощью этого галпа отдельные файлы CSS для морды, категорий, карточки товара и контентных страниц.

    С JS - выше верно заметили ( выколючаем - смотрим что сломалось и включаем именно на той странице где это сломалось. если в категориях - то в категориях и включаем). Таким образом набираем набор JS для каждого типа страниц и дальше опять галпом все собрать в 1 и сжать
     
  4. ZANKINMASTER

    ZANKINMASTER Создатель

    Регистр.:
    2 янв 2017
    Сообщения:
    10
    Симпатии:
    0
    А разве нету например сайтов для оптимизации онлайн css? Я помню на каком то сайте видел такое чудо, скинул туда весь свой текст css и он его подправил. Или тот же самый дримвивер если туда его запихнуть и провести оптимизацию ? не не вариант ?