Зачем нужно удалять неиспользуемый JavaScript код?
Сайты постоянно обновляются, добавляются новые функции, а старые удаляются. Часто в JavaScript файлах остаётся неиспользуемый код. Это засоряет их. Чем крупнее ваши JavaScript файлы, и чем больше в них лишнего кода, тем сложнее программистам читать и модифицировать их. Это сказывается на скорости работы.
Неиспользуемый код замедляет работу браузера. Эта проблема особенно актуально для пользователей мобильных устройств. Почистив JavaScript файлы, вы ускоряете работу программиста так, как большую часть времени он занимается чтением кода. Чистый код проще понять. Вероятность ошибки снижается.
Насколько эффективно удаление неиспользуемого JavScript?
Чем старше сайт, тем больше мусора в нём.
В среднем ускорение составляет 0.1-0.2 секунды. Учитывая, что страница должна загружаться быстрее 2 секунд, то это 5-10% прироста скорости.
Как использовать?
Видео инструкция: ВК видео, Youtube, Дзен, Rutube.
В общем виде порядок работы с инструментом состоит из 4 простых этапов:
- Сканирование страниц сайта в инструменте. Занимает около 15 минут. Не забудьте отключить функцию группировки файлов, если таковая имеется.
- Перенос сгенерированных сервисом файлов на вашу разработческую площадку. Просто скопируйте их с заменой в корневую папку вашего сайта. Это займёт 5 минут. Если у вас своя система управления JavaScript файлами, то файлы придётся заменять вручную.
- Тестирование и правка. Вам надо будет открывать страницы и проверять не перестала ли работать какая-то функция. Время выполнения 2-4 часа на типовую страницу. Например, если у вас интернет магазин, то достаточно протестировать одну карточку товара, чтобы изменения применились сразу на всех остальных.
- Удаление маячков и закомментированных функций. Собственно это и есть удаление ненужного кода. Занимает примерно 10-20 минут на 1 JavaScript файл.
В итоге несколько дней работы ускорят ваш сайт на десятки процентов.
Советы:
- Отключите минификацию кода перед сканированием.
- Все манипуляции проводите в тестовой копии сайта.
- Начинайте с основных файлов вашего шаблона, а потом переходите к плагинам и системным файлам.
- Используйте систему контроля версий вроде git или SVN. Так вы проконтролируйте изменение каждой строчки и, в случае чего, сможете вернуть всё назад.
Как правильно работать с инструментом и не удалить ничего лишнего?
Большая часть JavaScript кода страницы исполняется в ответ на действия пользователя. Например, если при клике на какой-то элемент выполняется функция, то она будет закомментирована. Так происходит потому, что наш инструмент не имитирует действия пользователя.
Мы предусмотрели решение для этой ситуации. В предоставляемых нашим инструментом файлах мы комментируем неиспользуемые функции и расставляем маячки. Если какая-либо функция была закомментированная по ошибке, но будет вызвана в коде, то вы увидите в консоли браузера сообщение о том, что функция используется. После этого вам останется только найти нужную строчку по уникальному коду маячка и раскомментировать функцию.
Существуют ли аналоги нашего инструмента?
Нет.