Рекомендуемый размер ресурсов JavaScript на веб-странице

Question

Я пытаюсь определить лучшую стратегию для оптимизации времени загрузки веб-страниц, связанных с активами Javascript. Я могу думать о нескольких стратегиях:

1. Объедините все файлы в один минимизированный файл.
2. Объедините все файлы в несколько файлов, чтобы использовать преимущества параллельных HTTP-запросов.
3. Используйте AMD для отложенной загрузки необходимых файлов по требованию.

Примечание. Конечно, файлы хранятся в CDN, в противном случае само CDN, вероятно, будет самым значительным повышением производительности.

Похожие ответы:
Я нашел несколько устаревших ответов, касающихся стратегии 1, в которых, как правило, утверждается, что один файл с <50-200 КБ является приемлемым, а>500 КБ - не хорошим. К сожалению, Yahoo Best Practices для ускорения веб-сайтов также не вдавались в подробности.

Что я не ищу:
Я знаю, что могу определить соединение файлов JS, составить сценарии общего использования, объединить связанные файлы и использовать AMD, чтобы максимально оптимизировать все. Хотя это было бы идеальным решением, оно довольно дорого и отнимает много времени, и поэтому не стоит затраченных усилий (пока).

Вопрос:
Можете ли вы порекомендовать практическое решение (= простое в реализации) в качестве основы для общего (уменьшенного, увеличенного) размера JS 50 КБ / 200 КБ / 500 КБ / > 500 КБ? Как бы вы подошли к оптимизации мобильных устройств?

Примечание. Указанные размеры включают в себя обычно используемые платформы (например, jQuery, Bootstrap, ...) и пользовательский код. Если вы рассматриваете другую стратегию, если, например, 20% или 80% размера происходят из обычно используемых платформ, объясните, пожалуйста.

Answer 1

Нет реального решения вашего вопроса, только мнения.

С быстро развивающимся сотовым миром -> скорость соединения и скорость всегда увеличивается. То, что верно для сегодняшнего дня, может не иметь отношения к завтрашнему дню.

С учетом сказанного я буду рекомендовать следующее -> Использовать файлы размером ~100 КБ. Не пытайтесь объединять рамки, оставляйте их как есть. Улучшение скорости не стоит тратить время на это.

Убедитесь, что ваш пользовательский код не превышает этот размер после минимизации.

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