Когда я говорю размер, я говорю о байтах, а не о пикселях.
Мне любопытно, есть ли какой-либо консенсус относительно того, какой максимальный размер должен быть для разных категорий. В частности:
Размер - это еще не все. Важна производительность. Лучше даже: воспринимаемая производительность. Существует множество способов сделать сайт более быстрым, чем на самом деле. Некоторые из этих методов могут даже увеличить ваш абсолютный размер страницы в байтах (например, добавить к нему больше логики JavaScript).
Проверьте свои сайты с помощью инструмента, такого как Yahoo! YSlow и перестать фокусироваться на размере страницы. Это всего лишь один фактор производительности сайта и даже не самый важный.
В зависимости от подключения вы хотите, чтобы страница загружалась как можно меньше времени. Менее 4 секунд оптимально.
"Исследование, проведенное ведущим контролером веб-трафика Akamai Technologies, показало, что плохо спроектированный веб-сайт в течение нескольких секунд теряет 30 процентов своих клиентов. В том же исследовании также было обнаружено, что если сайт загружается дольше четырех секунд, 75 процентов зрителей не захотят вернуться к нему ". http://www.ianbrodie.com/get-clients-online/lose-website-visitors-in-5-minutes/
Более важный, чем размер, следует за простыми правилами и рекомендациями.
Лучшие практики для вашего веб-сайта
http://developer.yahoo.com/performance/rules.html
Итак, приблизительная оценка будет
Broadband connections ~200K
Dialup connections ~50k
Mobile connections ~100K
Зависит от страницы. Если ваша страница является информативной, у вас будет много HTML (текстового) контента. Но если ваша страница более графическая (например, страница магазина, показывающая изображения продуктов), у вас будет много изображений.
Изображения намного тяжелее текста (одно изображение может быть 50K, что похоже на 10 страниц текста).
Вам также необходимо рассмотреть размер файлов CSS, javascripts и т.д. Но они кэшированы, поэтому они имеют значение только для начальной загрузки.
Сказав это, вы можете установить максимальную цель на 100-200 кбайт (смешанный текст/изображения) на каждую страницу. Более того, и более медленные соединения потребуют времени для загрузки.
Скорее всего, вы не знаете, кто будет посещать вашу страницу (мобильный, широкополосный или dialup), поэтому вы должны попытаться достичь общей цели (или разработать разные страницы для разных целей, но это боль для поддержания в долгосрочной перспективе по мере расширения вашего сайта). Я думаю, что 100-200k в порядке для большинства случаев.
Если у вас есть страницы, которые обязательно большие, вы все равно можете достичь этого, есть несколько трюков, которые вы можете использовать, например сжатие изображений (с использованием JPG с качеством 90%), javascript/ajax для загрузки контента по требованию, минимизация файлов (CSS, javascript), используя сжатие сайта (gzip) и т.д.
limit 10 TCP-пакетов (~ 14 kb)
Из-за того, как TCP оценивает пропускную способность соединения (т.е. медленный запуск TCP), новое TCP-соединение не может сразу использовать полную доступную пропускную способность между клиентом и сервером. Из-за этого сервер может отправлять до 10 пакетов TCP в новом соединении (~ 14 КБ) в первом обращении в оба конца, а затем он должен дождаться, пока клиент подтвердит эти данные, прежде чем он сможет увеличить свое окно перегрузки и продолжить доставку большего количества данных.
Из-за этого поведения TCP важно оптимизировать ваш контент для минимизировать количество обращений, необходимых для доставки необходимого данных для выполнения первого рендеринга страницы. В идеале, содержимое ATF должен соответствовать 14KB - это позволяет браузеру нарисовать страницу после всего лишь одного тура. Кроме того, важно отметить, что 10 limit (IW10) - последнее обновление стандарта TCP: вы должны убедитесь, что ваш сервер обновлен до последней версии преимущество этого изменения. В противном случае предел, вероятно, составит 3-4 пакеты!
Как правило, просто идите с здравым смыслом.
Например, вы можете захотеть вставить некоторую информацию, чтобы клиент не перегружался.
Ваш максимальный размер действительно зависит от большого количества.
Ваша аудитория:
Ваш контент
Функциональность
Для любого сайта сохраните свою страницу как можно меньше. Хороший дизайн - это отнять вещи, пока вы не останетесь с тем, что вам нужно. Базовый HTML должен быть несколько килобайт, CSS - несколько килобайт, а если вы загружаете скрипты и изображения, загружайте их в последний раз.
С меньшей страницей ваш сайт загружается быстрее, а это означает, что ваши пользователи чувствуют себя более активными, и ваша страница будет индексироваться лучше.
Время отклика для пользователей: http://www.useit.com/alertbox/response-times.html
Время отклика для google: http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html