Веб-стандарты - Размер страницы - PullRequest
2 голосов
/ 07 декабря 2010

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

Спасибо

Ответы [ 4 ]

6 голосов
/ 07 декабря 2010

Полностью зависит от платформы ваших пользователей.

Мобильный

Это приблизительные оценки, удивительно трудно найти хорошие диаграммы сравнения.

  • Обычные телефонные сети, где-то от 5-20 кбит / с
  • Скорость Edge довольно медленная - около 40 кбит / с, насколько я могу сказать,
  • 3G будет загружать максимум со скоростью около 80 кбит / с
  • 4g будетневероятно быстро и это будущее, но еще не вышло

Важно понимать, что мобильные пользователи имеют более высокую устойчивость к медленным нагрузкам.Поэтому ожидание мобильной страницы в течение 3 секунд не должно отталкивать многих людей.

Широкополосный доступ

В зависимости от местоположения вашего посетителя скорость может быть разной.

http://www.speedtest.net/global.php#0

Средний показатель для Африки составляет 1,93 Мбит / с, для Южной Америки - 3 Мбит / с, а для остального мира> 6 Мбит / с.Это (насколько я могу судить, это средние показатели).

Так что, если ваша база посетителей смещена в сторону Африки или Южной Америки, вы должны попытаться сделать дизайн страницы более легким.В остальном мире это становится менее важной проблемой.

По мере того, как скорость широкополосного доступа улучшается во всем мире, размеры страниц будут в значительной степени не иметь значения.Но этот день еще не наступил!

Важность скорости

Я немного изучил оперативность в Интернете и в настоящий момент не могу найти ресурсы, чтобы поддержать это.вверх, но, насколько мне известно, Google провел некоторое исследование и обнаружил, что пользователи чувствительны к задержкам страниц всего в 30 мс, что означает, что у них будет благоприятный уклон к двум равным страницам с контентом, где одна загружается> = 30 мс быстрее.Так что скорость может помочь получить преимущество в конкуренции!И человеческий мозг намного более чувствителен к скорости, чем мы могли бы предположить.Помните, однако, что разные пользователи платформы имеют разные уровни допуска.

Рекомендация

Чем быстрее, тем лучше!Хорошо продуманный CSS-ориентированный макет, естественно, будет небольшим и будет иметь много других преимуществ (SEO).Если ваша страница загружается медленно, найдите узкое место (размер сервера или файлов) и постарайтесь уменьшить ее, чтобы загрузка страниц была естественной и быстрой на целевых платформах вашей аудитории.

2 голосов
/ 07 декабря 2010

Не забывайте и о латентности. Если вам необходимо иметь много данных на странице, гораздо лучше, чтобы они содержались в 1 или 2 больших элементах (то есть 1 изображение спрайта CSS вместо 20 небольших элементов). Для каждого предмета у вас будет задержка минимум в 1 раз.

Даже если ваша страница «маленькая», по какому бы стандарту вы ни использовали, если на ней много элементов, она будет медленно загружаться для удаленных пользователей. Это одно из основных преимуществ CDN - перемещение контента ближе к пользователям, что снижает задержку.

2 голосов
/ 07 декабря 2010

Реальных стандартов не существует, поскольку скорость соединения значительно варьируется по всей планете и даже от пользователя к пользователю.

Общие указания по уменьшению размеров см. В правилах Google PagesSpeed: Минимизируйте размер полезной нагрузки

1 голос
/ 07 декабря 2010

Не существует стандарта, ограничивающего размер веб-страницы фиксированным размером, поэтому я не могу процитировать вам источник, который говорит, что «веб-страница не должна превышать 100 КБ», поскольку такого источника не существует.

Размер страницы полностью зависит от аудитории, посещающей веб-страницу. Если у вас «средняя» аудитория, вы можете с уверенностью отправлять 200 КБ (включая все изображения, включая и HTML). Если вы ориентируетесь на мобильные устройства, вам нужно сделать страницы намного меньше, чем эта. Если вы публикуете данные для потребления онлайн-сервисами, может быть приемлемо отправлять мегабайтовые страницы.

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

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

Вот полезный инструмент, который вы можете использовать с Firebug внутри Firefox для просмотра деталей каждого запроса ...

https://developer.yahoo.com/yslow/

...