У меня довольно старомодный webapp, который имеет разные URL-адреса и страницы, в основном на серверном сайте для каждого, например /contacts, /orders, /orders/123456.Должен ли я делить свой внешний код на общие и страницы?
Я думаю о взломе кода клиента в общих и страниц конкретных частей как файлы, так что я бы список файлов, как это:
/js/common.js
/js/login_page.js
/js/contacts_page.js
/js/orders_page.js
/js/orderview_page.js
...
Таким образом, я бы две ссылки на странице - один для общей части и один для текущего кода страницы.
Я думаю, что он может заставить страницы загружаться быстрее из-за необходимости не загружать код, который не связан с текущей страницей, но загружается только то, что нужно.
Хотя существует тенденция объединить весь набор файлов в один, который делает первую нагрузку длиннее, а затем код других страниц загружается мгновенно, поскольку он уже находится в кеше.
/js/app.bundle.js
Какую стратегию я должен выбрать и какие факторы могут повлиять на решение?
Вещь, afaik, заключается в том, что вы создаете только один пакет, который вы сохраняете http-запрос, который должен быть быстрее, чем два запроса - один для общего кода и один для конкретного - даже если размер кода больше. Однако это зависит от того, как браузеры обрабатывают параллельные запросы, количество запросов к скриптам поставщиков и другие ресурсы вашей страницы и конфигурацию домена, с которой ваша страница загружает ресурсы. Я верю, что одна стратегия может быть быстрее в старых браузерах и медленнее в современных браузерах. Однако разница между одним или двумя пучками незначительна. – Sergeon