Когда я должен использовать встроенный или внешний Javascript?

Question

Я хотел бы знать, когда мне следует включить внешние скрипты или написать их встраиваемые в HTML-код с точки зрения производительности и простоты обслуживания.

Какова общая практика для этого?

Реальный сценарий - у меня есть несколько html-страниц, которые требуют проверки формы на стороне клиента. Для этого я использую плагин jQuery, который я включаю на всех этих страницах. Но вопрос в том, могу ли я:

• написать биты кода, которые настраивают этот скрипт в строке?
• включить все биты в один файл, который используется всеми этими HTML-страницами?
• включить каждый бит в отдельный внешний файл, по одному на каждую HTML-страницу?

Спасибо.

Answer 1

Еще одним скрытым преимуществом внешних сценариев является то, что вы можете легко запускать их с помощью средства проверки синтаксиса, например jslint . Это может уберечь вас от множества душераздирающих, труднодоступных ошибок IE6.

Answer 2

Внешние скрипты также легче отлаживать с помощью Firebug. Мне нравится тестировать мой JavaScript и иметь все внешние подсказки. Я ненавижу видеть JavaScript в коде PHP и HTML, для меня это выглядит большим беспорядком.

Answer 3

По поводу сохранения внешнего JavaScript:

ASP.NET 3.5SP1 недавно представил функциональность для создания ресурса составного сценария (объединение нескольких js-файлов в один). Еще одним преимуществом этого является то, что когда сжатие веб-сервера включено, загрузка одного файла немного большего размера будет иметь более высокую степень сжатия, чем многие файлы меньшего размера (также меньше издержки http, пошаговая обработка и т. Д.) Я предполагаю, что это экономит на начальной загрузке страницы, а затем включается кэширование браузера, как упомянуто выше.

Помимо ASP.NET, этот скринкаст объясняет преимущества более подробно: http://www.asp.net/learn/3.5-SP1/video-296.aspx

Answer 4

ну, я думаю, что вы должны использовать inline при создании одностраничных веб-сайтов, так как скрипты не нужно будет совместно использовать на нескольких страницах

Answer 5

Во время раннего создания прототипа сохраняйте свой код встроенным для быстрой итерации, но обязательно сделайте все это внешним к тому времени, когда вы приступите к работе.

Я бы даже осмелился сказать, что если вы не можете разместить весь свой Javascript извне, то у вас под рукой плохой дизайн, и вам следует реорганизовать ваши данные и скрипты

Answer 6

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

Answer 7

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

Answer 8

Всегда старайтесь использовать внешние J, так как встроенные js всегда трудно поддерживать.

Более того, с профессиональной точки зрения требуется, чтобы вы использовали внешние js, поскольку большинство разработчиков рекомендуют использовать js извне.

Я сам пользуюсь внешним js.