Как сделать подгрузку js в нужный момент?

evshi

Новичок
В шапке сайта есть ссылка "Перезвоните мне". Она видна на всех страницах. При клике, в модальном окне появляется поле, куда надо ввести телефон.

В этом поле есть проверка, чтобы телефон вводился в определённом формате и без букв. Проверка сделана на js. Код js подключается из файла, которые прописан в <header> и грузится при каждом заходе страницы, но используется он крайне редко, примерно 1% посетителей просит перезвонить им.

Можно ли как-то сделать, чтобы js файл не грузился каждый раз, а чтобы грузился только когда нужен - при вызове формы "Перезвоните мне"?
 
Последнее редактирование:

WMix

герр M:)ller
Партнер клуба
на js можно манипулировать DOM (к примеру на клик создать тег "<script>") гугли на jsonp
 

AnrDaemon

Продвинутый новичок
А какая для данной задачи разница?
Принципиальная. Если файл в <head> постоянно, то он постоянно локально кеширован и проблемы нет никакой.

Если говорить простым языком, ты маешься дурью.

Если хочешь реального ускорения, посмотри в сторону того же webpack.
 

evshi

Новичок
Принципиальная. Если файл в <head> постоянно, то он постоянно локально кеширован и проблемы нет никакой.
Если человек зайдёт на сайт первый раз, вроде в этом случае скрипт будет не из кеш грузится.

По webpack - ок, посмотрю.
 

AnrDaemon

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

AnrDaemon

Продвинутый новичок
А вам не начхать?…
Результаты диагностики надо ещё уметь интерпретировать.
 
Сверху