Хранение кода jquery во внешних файлах и структуре каталогов?[закрыто]
-
09-09-2019 - |
Вопрос
Может ли кто-нибудь подтвердить лучшую идею хранения кода jquery? Изначально я вставлял все в HEAD документа, но вижу, что все больше и больше кода используется на страницах.
Это лучший способ использовать включаемые файлы..с расширением .JS?
Что-нибудь еще или лучше по этому поводу?
В каком месте лучше всего хранить мой файл .js, если это так?
корня у меня есть
/css /сценарии
и т. д .../scripts — это место, где находятся мои файлы jquery...но должен ли я использовать то же самое для своих файлов .js?
У кого-нибудь есть рекомендации по структуре каталогов?
Решение
Вам следует хранить как можно больше кода в файлах .js, поскольку это позволит браузеру загрузить его только один раз и повторно использовать во всех запросах.
Если вы включите свой код непосредственно в раздел HEAD в виде обычного текста, вы принудительно загрузите этот код при каждом запросе, замедляя передачу страницы.
Каталог, в котором вы храните файлы, действительно зависит от вас...я использую /css
и /js
, но /scripts
также используется во многих случаях.
Другие советы
Расположение JavaScript на странице зависит от того, что вы пытаетесь сделать.Есть аргументы чтобы связать ваш JavaScript в конце страницы ради скорости, чтобы браузер мог загрузить страницу, прежде чем пытаться проанализировать/выполнить какой-либо JavaScript.Конечно, если вам нужно, чтобы JavaScript выполнялся до загрузки страницы, вам нужно будет поместить его в заголовок документа.Это действительно зависит от вас и ваших потребностей.
.js — это стандартное расширение для файлов JavaScript, поэтому было бы предпочтительнее продолжать его использовать.Рекомендуется размещать ссылки на ваши файлы JavaScript, а не размещать их прямо на странице, чтобы браузер пользователя мог кэшировать файлы JavaScript.
Место хранения скриптов зависит от вас, но кажется хорошей идеей хранить все ваши файлы jQuery в каталоге /scripts.
Это не должно быть слишком сложно.Да, обязательно храните с помощью расширения JS, но также рекомендуется хранить ваш Javascript отдельно от сторонних библиотек.
Это примерно все, что вам понадобится:
.
./js/jquery/jquery.js
./js/yourfiles.js
Или разместите файлы под названием вашей компании:
./js/companyname/yourfiles.js
И как говорили другие:Поместите свой JS в конец файла, если это вообще возможно.
Себ прав, но хочу добавить еще одну вещь: попробуйте сжать все ваши файлы JS и CSS в один для каждого.
Независимо от того, кэшируются файлы или нет, к серверу все равно отправляется двусторонний запрос для каждого отдельного файла, чтобы проверить, был ли он обновлен.Это может замедлить работу пользователя, если имеется много файлов JS и CSS.