Удаление неиспользуемого JavaScript

Как пользоваться?

Статья инструкция.

Видеоинструкция: ВК видео, Youtube, Дзен, Rutube.

В общем виде порядок работы с инструментом состоит из 4 простых этапов:

• Сканирование страниц сайта. Отключите функцию группировки файлов, если таковая имеется, и запустите сканирование страниц разных типов: категорию товаров, карточка товара, информационная страница, главная. Добавлять 2 разных карточки товара или 2 разных страницы категории товара — бессмысленно, так как используемые стили у них будут одинаковые.
• Загрузка отчищенных файлов на тестовую площадку для разработки. Скопируйте файлы в корневую папку вашего сайта с заменой текущих файлов. Если у вас своя система управления JavaScript файлами или вы используйте нетиповое решение, то файлы нужно заменять вручную.
• Тестирование и правка. Открывайте страницы, тестируйте их и проверьте консоль браузера на сообщения вида QSU_28, QSU_123. Это сработал маячок и означает, что была вызвана JavaScript функция помеченная сервисом, как неиспользуемая. Удалите маячок и раскомментируйте функцию, которая за ним следует. Повторяйте это действие пока страница не восстановит работоспособность. Займёт до 15 минут на типовую страницу.
• Удаление маячков и закомментированных функций. После тестирования удалите оставшиеся закомментированные участки кода и вызовы функций вида console.log("QSU_28"). Они и есть неиспользуемый JavaScript код.

Эта функция, если она всё-таки используется, во время тестов выведет в консоль браузера сообщение «QSU_28».

Советы:

• Начинайте с основных файлов вашего шаблона, а потом переходите к плагинам и системным файлам.
• Все манипуляции проводите на тестовой копии сайта.
• Используйте систему контроля версий вроде git или SVN. Так, вы проконтролируйте изменение каждой строчки, и в случае чего сможете вернуть всё назад.

Как не удалить ничего лишнего?

Большая часть JavaScript кода страницы исполняется в ответ на действия пользователя. Например, если при клике на какой-то элемент выполняется функция, то она будет закомментирована. Так происходит потому, что наш инструмент не имитирует действия пользователя.

Мы предусмотрели решение для этой ситуации. В предоставляемых нашим инструментом файлах мы комментируем неиспользуемые функции и расставляем маячки. Если какая-либо функция была закомментированная по ошибке, но будет вызвана в коде, то вы увидите в консоли браузера сообщение о том, что функция используется. После этого вам останется только найти нужную строчку по уникальному коду маячка и раскомментировать функцию.

Существуют ли аналоги нашего инструмента?

Нет.