Есть ли какие-либо рекомендации для загрузки web страниц ?

Question

[nepster-web]

Есть ли какие-либо рекомендации для загрузки web страниц, например:
- какой должен быть средний размер html страницы
- какой должен быть средний размер css и js файлов
- сколько изображений должна содержать страница
- сколько обращений к серверу
- сколько должна грузиться

и тп.

Есть ли такие рекомендации (особенно нужно подкрепить надежным источником) ?

Answer 1

[Appp Zooo]

Грузиться должна быстро(а еще лучше если будет 100/100 на Google PageSpeed), всё остальное не имеет значения.
А ну и по поводу обращений к серверу: лучше если у вас будет один css и один js файл и оба минифицированные.
п.с. все остальные рекомендации даст PageSpeed(и про то что я писал выше, тоже)!
Еще добавлю что, многое из рекомендованного можно автоматизировать с помощью утилит Gulp или Grunt (описание посмотрите на их сайтах, но в кратце: оптимизация и валидация кода, склеивание файлов и оптимизация изображений).
Добавлю: Mod_pagespeed с примерами, Видео лекция от Виталия Фридмана (очень советую посмотреть).
Waterfall рисовалка/тестер (визуальное представление загрузки ресурсов, похожее есть в дев тулс в любом нормальном браузере).

Answer 2

[Viktor Vsk]

Как уже сказали, зависит от спецификации проекта.
Свалвать все в один файл цсс или джс (и, например, картинки в один спрайт) - тоже не всегда верное решение, так как http поддерживает несколько одновременных скачиваний и этим иногда тоже нужно пользоваться.

Самые базовые принципы изложили пионеры фронтенда - Яху. https://developer.yahoo.com/performance/rules.html (вроде как, есть вариант и на русском)
Так же неплохая статья недавно попалась на глаза: habrahabr.ru/post/242429