Всегда рекомендуется избегать встроенных кодов Javascript, помещая все коды в файл JS, который включен во все страницы. Интересно, если это не вызывает проблемы с производительностью на тяжелых страницах.
Например, представьте, что у нас есть десятки таких функций, как этот
function function1(element){
var el=document.getElementsByClassName(element);
var size=el.length;
if(size==0) return;
for(i=0;i<size;i++){
// the process
}
}
на каждой странице нам нужно запустить функции, чтобы узнать, есть ли в HTML соответствующие элементы или нет.
window.onload = function(){
function1('a');
....
function26('z');
};
но если сохранить все функции во внешнем файле JS и вызывать функции через inline JavaScript, мы можем вызывать только те функции, которые требуются на текущей странице:
<script type="text/javascript">
window.onload = function(){
function6('f');
};
</script>
Не выгодно ли с точки зрения производительности вызывать функции через встроенный JavaScript (что, конечно, не самая лучшая практика), чтобы избежать вызова множества функций, которые не нужны на странице?
Конечно, это не ограничивается только функциями, так как у нас есть много addEventListener для всего веб-сайта, которые запускаются на каждой странице, где они не нужны.