Как упомянул @Digbyswift, наличие одного большого файла HTML с большим количеством элементов увеличивает размер страницы, что влияет на общее время загрузки.
Для более старых браузеров число элементов на странице имело_much_больше заметного эффекта, но вам придется войти в диапазон десятков тысяч элементов, чтобы начать работу над потолком.
Для современных браузеров у вас не так низко значение потолка количества элементов, поэтомуу вас должно быть все в порядке, но, опять же, если вы делаете много javascript-взаимодействия с элементами, это замедлит работу менее мощных клиентов, таких как мобильные устройства.
самая большая сделкаПо моему мнению, вы имеете дело с тем, что, имея одну гораздо большую страницу вместо группы отдельных вызовов, вы эффективно торгуете размером ответа одного сервера с количеством необходимых меньших ответов.В зависимости от вашего конкретного случая , он может быть выгодной для всей сделки или нет.
Я бы сказал, что вам нужно проверить различия, которые это делает, и основывайте свое решение на этом.Это может повлиять на сжатие ответов (также называемое GZip или Deflate).
Кроме того, для «портфолио» вы упомянули, что есть много больших изображений.Лично я бы, вероятно, не имел бы фактические теги <img />
в HTML для этого раздела, чтобы браузер не загружал их все изначально, а вместо этого загружал изображения в при необходимости .запись элементов с помощью JavaScript, так как эти изображения должны быть отображены.Для этого есть целый ряд методов, любой из которых вы можете добавить в смарт-ключах около , когда загружают изображения, но сокращение этих больших обращений к серверу значительно ускорит страницу.Вероятно, даже до такой степени, что наличие одной огромной HTML-страницы не будет падением производительности и, скорее всего, сделает ее быстрее.