Убрать лишний код javascript

Создание сайтов и их программирование, код, устранение неисправностей
Ответить
#1
Chief
Site Admin
Сообщения: 82
Регистрация: 12.01.2021
Получил(а) "Спасибо": 16
Предупреждения: 0
Репутация: 20

Убрать лишний код javascript

На одном форуме ответил на вопрос, суть которого заключалась в следующем:
На сайте есть код js, который грузит часть данных или функций из js файла.
Но по факту из всего файла используется только часть функций.
Можно ли его автоматически распознать и выкинуть создав более облегченный вариант js. Существуют ли такие онлайн сервисы или программы?
Ответ на этот вопрос неоднозначный, поэтому попытаюсь дать более развёрнутый ответ.
Сразу оговорюсь, что даже если и есть такие программы или сервисы, то использовать их следует с большой осторожностью, потому что выкинув кусок кода JavaScript, можно сделать сайт полностью или частично неработоспособным. Поэтому лично я сторонник ручной оптимизации кода.
#2
Chief
Site Admin
Сообщения: 82
Регистрация: 12.01.2021
Получил(а) "Спасибо": 16
Предупреждения: 0
Репутация: 20

Re: Убрать лишний код javascript

Надо понимать что есть действительно мешающие скрипты, которые грузят процессор, а есть такие которые просто лежат и никому не мешают. Последние можно не трогать если есть сомнения в их необходимости. Речь о том, что файлы javascript обычно имеют небольшой объём по сравнению с общим объёмом кода сайта, к тому же зачастую они схимаются сервером и кешируются браузером. Поэтому загрузка файлов сама по себе незначительно влияет на скорость загрузки сайта. Гораздо большее значение имеет исполнение самого кода процессором клиентского компьютера. Пока не исполнится текущий скрипт, все другие действия на странице сайта приостанавливаются, поэтому внимание следует обращать именно на работающие скрипты.
А если, допустим, какой-либо скрипт загрузился, но исполняется он, только если вызван каким-то другим кодом сайта, то работе сайта он практически не мешает. Определить, какой скрипт используется, а какой не используется, можно путём анализа кода сайта, а также с помощью панели "Инструменты разработчика" в браузере.
#3
Chief
Site Admin
Сообщения: 82
Регистрация: 12.01.2021
Получил(а) "Спасибо": 16
Предупреждения: 0
Репутация: 20

Re: Убрать лишний код javascript

Кроме того, надо понять, что нужно оптимизировать. Весь код JS условно можно поделить на 2 части:

- сторонние скрипты, типа всяких слайдеров, фэнсибоксов, дэйтапикеров и пр.
- собственный код.

Иногда все скрипты сгребают в один-два сборных файла, но в этом случае обычно всё же внутри делают разделение комментариями, поэтому можно разобраться, что к чему относится.
Сторонние скрипты, скорее всего, придётся выкидывать целиком, по принципу "не нужен слайдер" – убираем скрипт слайдера". Анализировать и оптимизировать сторонние скрипты - дело неблагодарное.
Свои скрипты можно оптимизировать, разбирая их по шагам: что для чего написано. К примеру, заменили гугл-карты на яндекс-карты - убираем настройки гугл-карт из скрипта.
И ещё один вариант оптимизации – подключение только тех скриптов, которые нужны на конкретной странице. К примеру, если яндекс-карта показывается только на странице "Контакты" - то ни к чему подключать скрипт карт на других страницах. Если слайдер есть только на главной странице сайта, то и подключаем скрипт слайдера только на главной странице. И соответственно заменить "оптимизированные" сборные файлы на другие.
Ответить

Вернуться в «Управление сайтами»