Как включить несколько внешних файлов JavaScript без увеличения запросов HTTP

Question

У меня есть веб-сайт с несколькими внешними файлами javascript, и я хотел бы уменьшить их для повышения производительности.

Некоторые из внешних сценариев включают typekit, google analytics, linkedin js api, twitter api и некоторые другие. С этими сторонними внешними файлами javascript, которые лучше всего подходят для их включения без увеличения HTTP-запросов, имейте в виду, что некоторые из этих библиотек любят загружаться в тег head ( typekit).

Я попытался загрузить, объединить и разместить их локально, но они, кажется, не очень хорошо подходят для моего минимизированного JavaScript или с другими поставщиками JavaScript. Есть ли конкретный подход к этой проблеме.

Я смотрел в библиотеки, как requirejs, но я не уверен, что это решит эту проблему.

Answer 1

Не объединяйте их!

На самом деле, даже если у вас больше HTTP-запросов, контент добавляется в кеш браузера и остается там, поскольку они никогда не меняются.

Более того, даже если вы заходите на веб-сайт в первый раз, файл может быть уже в кеше, поскольку он мог быть загружен с другого веб-сайта.

Наконец, имейте в виду, что ваш собственный скрипт может изменяться каждый раз, когда вы выпускаете новую версию, и, следовательно, вам нужно будет удалить скрипт из кэша браузера. Внешние сценарии не будут меняться каждый раз, когда вы выпускаете новую версию, поэтому вы будете хранить их в кэше браузера, что возможно только в том случае, если они не объединены с вашими собственными сценариями.