Здесь действительно нет жесткого золотого правила.Как правило, вы хотите, чтобы страница загружалась как можно меньше HTTP-запросов.Однако конечная цель - максимально быстро загрузить страницу.Хотя сокращение количества запросов является ключевым, это не единственный фактор.Например, если у вас была страница с одним файлом 100k js, без CSS, без изображений, без других запросов.Эта страница будет загружаться быстрее в большинстве современных браузеров, если на странице было 4 запроса по 25 тыс. Js, потому что 4 запроса могут быть распараллелены по 4 соединениям.Тем не менее, ваша типичная веб-страница имеет от 30 до 100 запросов, и они будут загружаться намного быстрее, объединяя файлы, потому что большинство браузеров ограничены 6 соединениями на хост и существует задержка, связанная с открытием новых соединений, а также блокирование проблем с javascript и css в зависимости оттип браузера, где никакие другие соединения не будут инициированы до тех пор, пока не будет загружена js или css.Это также может зависеть от того, находятся ли эти ресурсы в голове или нет.
Так что все зависит от вашей страницы и ваших целевых браузеров.Лично я использую 50 КБ в качестве максимального размера для одного CSS или JS.Это по общему признанию не является чрезвычайно научным.Это хорошее круглое число, и одно, которое я нахожу, вмещает несколько типичных файлов CSS или JS и не настолько велико, что это непомерно.