должен ли весь javascript входить в отдельный файл js

Question

Каковы критерии, если определенный jquery или обычный javascript должен быть встроенным или в отдельном файле js?

Answer 1

Это зависит от многих факторов

1. Кэширование

Когда вы разделяете ваш javascript или css на отдельные файлы, он будет кэшироваться в браузере, и при поступлении нового запроса нет необходимости загружать новый из браузера. Но в случае встроенного кодирования каждый раз, когда запрашивается страница, контент будет загружен, что увеличит использование полосы пропускания.

Подробнее в Создание внешнего вида JavaScript и CSS

2. Уменьшить HTTP-запрос

С помощью встроенного кодирования вы можете уменьшить количество HTTP-запросов, что является методом оптимизации одной страницы.

Подробнее об этом можно узнать в Минимизировать HTTP-запросы

3. Ремонтопригодность

Создавая внешний javascript и css файл, вам будет проще поддерживать код. Вам не нужно менять каждую страницу для внесения изменений.

4. Минификация

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

Подробнее в Сокращение JavaScript

Здесь я нашел хорошую статью о

Javascript с наддувом

Answer 2

Это чище, если все это во внешнем файле. Храните ваши CSS и Javascript в своих собственных удаленных файлах для чистоты и лучшего обслуживания. Единственное исключение, которое я делаю для себя из этого правила, - это когда мне нужно вывести некоторые динамические значения javascript при загрузке страницы: я могу сделать это в заголовке HTML-документа.

Answer 3

Мы используем комбинацию на работе - внешние файлы для любого статического JS и встроенные в страницу для JS, которую мы создаем для каждой страницы (DotNetNuke, поэтому мы не можем предсказать, какие элементы управления будут называться клиентской стороной).

Answer 4

Лично я предпочитаю хранить весь javascript во внешнем файле, который обеспечивает чистоту вашего HTML или XHTML и его легче поддерживать, но когда я разрабатываю, я часто буду держать текущий фрагмент кода, над которым я работаю, встроенным в верхней части файл для более легкого доступа к нему, а затем, когда я закончу, я перемещаю его во внешний файл.

Что касается встроенного javascript, я бы постарался избежать его в максимально возможной степени, потому что это затрудняет отслеживание ошибок, но в нечетное время это полезно, например, превращение слоя div в ссылку.

Answer 5

Сохранение встроенного javascript позволяет многим идеям выполнять автозаполнение переменных. Принимая во внимание, что если JS находится в отдельном файле, эта функция недоступна.

Это довольно большое дело, имхо. И я очень удивлен, что в настоящее время IDE не может сканировать и индексировать использование файла javascript и, таким образом, предоставлять разумные параметры автозаполнения.

Answer 6

Лично я считаю, что это личный выбор, и зависит от ситуации. Если это всего лишь пара строк Javascript, я не буду создавать отдельный файл (и еще один HTTP-запрос). Однако, если это больше, с функциями и более чем тривиальным воздействием, я помещаю это во внешний файл.

Кроме того, если код будет использоваться более чем на одной странице, он всегда должен помещаться в отдельный файл, даже если это всего лишь пара строк.