Как оптимизировать производительность сайта со стороны скриптов js?
Использую модульный подход подключения js-файлов. То есть имеется условный сайт, в основной темплейт перед закрывающим тегом body подключается условный app.js.
В app.js уже импортируются другие js-файлы, которые необходимы для работы сайта, не только на главной стр, но и на других.
Вопрос такой. Есть ли какие-то, скажем, лайфхаки, которые позволят оптимизировать производительность сайта, увеличить его скорость? То есть используется же один только app.js, а в него уже вливаются остальные. Но подключается этот большой в итоге файл всё равно на каждой странице. То есть многие скрипты на странице не нужны условно опять же, но app.js всё равно же грузится весь
например в head: <link rel="preload" href="/js/app.js" as="script">
тема обширная, загуглите по этим словам, так проще будет prefetch, preload, preconnect, dns-prefetch, prerender
workers
рекомендую