А сколько «весят» страницы твоего сайта?

Содержание

А сколько «весят» страницы твоего сайта?
У многих из нас хороший, скоростной интернет. Поэтому многие вебмастера не задумываются над тем, сколько должен весить сайт. Однако, я часто сталкиваюсь с тем, что в моём распоряжении слабый интернет. Таким примером является то, что живя на достаточном расстоянии от города М, у нас нет 4G, а скорость 3G я совсем не замечаю на своём телефоне. Скорее всего, статья ничего нового вам не раскроет, просто посмотрим сколько «весят» главные страницы популярных сайтов, а так же попытаемся выяснить приемлимые цифры.
Сайты

Будем грузить главные страницы сайта и выяснять, сколько они весят.
Для анализа я взял первые 50 сайтов из статистики liveinternet. Остальные 30 я составил из рейтингов забугорья и личного пользования.
В данной статье не будем разделять сайты по типам, а просто взглянем на общую картину мира.

Список сайтов

Браузер и машина
Для снятия показаний был взят Firefox 20 на машине с xUbuntu 12.04. На других машинах и браузерах сайты могут отличаться, но не сильно.

Для автоматизации процесса были взяты аддоны:
Linky — через него я сразу открывал все сайты в новые вкладки
NoScript — для отключения скриптов и анализа размера страниц, собственно, без них
UnMHT — для сохранения всех открытых вкладок с содержимым в отдельные файлы, название которых совпадает с открытым сайтом

Сохранение

MTH сохраняет файлы немного большего размера, но погрешность не слишком высокая, по крайней мере, на моих замерах между UnMTH и сохранялкой Firefox.

Краснопанда была открыта в приватном режиме, чтобы мои кукукесы и остальные штуки не мешали чистому результату. Поэтому, все социальные сети должны весить мало, ввиду того, что никто там не залогинен. Посмотрим, так ли это.

Сайты со всем включённым

Я открыл все вкладки и сохранил их. Под сохранение попали и Flash и HTML5 вещи, что значительно увеличивает размеры сайта.
Получился такой график
А сколько «весят» страницы твоего сайта?
Я всё строил в LibreOffice Calc, просто потому что могу.
Средняя получена путем высчитывания среднего арифметического по 4м соседям, просто для наглядности.

Видно, что почти все вкладываются в 3 Мб, а средний вес сайта составляет около 1,4 Мб.

Сайты с отключенными Javascript и Flash/Html5 объектами

Теперь у нас нету скриптов, поэтому размеры должны уменьшиться достаточно сильно. Некоторые сайты сразу выкидывают окно с сообщением, что они не работают без JS, они весят совсем мало.
А сколько «весят» страницы твоего сайта?
Видно, что весь график смещается влево, средний размер сайтов порядка 0,9 Мб.

Общий график

А сколько «весят» страницы твоего сайта?

Результаты

Самыми жирными оказались сайты с большим количеством текста — ria.ru, kp.ru. К ним в догонку идут сайты магазинов. В 300Кб укладываются трекеры (thepiratebay.se весит меньше ста), так же поисковики и некоторые соцсети.

Выводы

Средние размеры сайтов колеблются в 1-1,5 мегабайтах. В идеале, если ваш сайт будет весить чуть меньше, чем у других. Поднимается количество просмотров, посещения. Поэтому, если вы еще не оптимизировали своё детище, посмотрите что можно сделать.

Лучше всего посмотреть что не так с Page Speed.

Основные пункты, про которые вы можете прочесть в любой статье по оптимизации:

  • Оптимизируйте изображения. Они как правило составляют огромную весовую часть сайта.
  • Сжимайте CSS и JS. Иногда получается скукожить раза в два.
  • Используйте Ajax, для подзагрузки страниц и элементов, а не перезагрузки
  • Кешируйте всё, что сможете. Главное, следите за нагрузкой на сервер.
  • Включите Gzip сжатие
  • Используйте отложенную загрузку изображений. Я на своих сайтах подключил Lazyload. Рекомендую, особенно на мобильных сайтах или мобильных версиях сайта.
  • Css-спрайты. Группируйте картинки. И клиент, и сервер будут рады.
  • Убирайте всё лишнее! Не ставьте тяжелые Flash приколюхи, онлайн радио и автоплей видеороликов без необходимости.

 

PS

Советы, которые я дал выше, ускорят ваш сайт, а пользователям будет комфортнее. Однако, если ваш сайт супер крутой, то никакие мегабайты не смогут остановить пользователя зайти на него. Если же ваш сайт так себе, оптимизация мало чего даст.

Делайте хорошие сайты.