Коротко: медіанна веб-сторінка на десктопі сьогодні важить близько 2,86 МБ (HTTP Archive, 2025). Оригінальний DOOM 1993 року — повноцінний 3D-шутер із дев’ятьма рівнями, монстрами й саундтреком — вміщався у 2,39 МБ. Тобто середня головна сторінка сьогодні важить більше за цілу класичну гру — хоча вмісту в ній значно менше, ніж у тій грі. Нижче — як веб дійшов до такої ваги, у що ця зайва вага вам обходиться і як посадити сайт на дієту.
Ми робимо й тримаємо сайти і стежимо за вагою сторінок на реальних клієнтських сайтах — тож тут практичний розбір, а не просто цікавий факт.
Ціла гра — менша за вашу головну сторінку
У 2016 році інженер Ronan Cremin зауважив, що середня веб-сторінка зрівнялася за вагою з DOOM — точніше, з його безкоштовною демоверсією, яку тоді вільно роздавали (2393 КБ). У ці 2393 КБ id Software умістила цілий ігровий рушій, рівні, ворогів, зброю й музику. А типовий сайт 2016 року в тому ж обсязі насилу вміщав сторінку з тексту й пари картинок.
І це була ще кумедна новина. Сумна — попереду: на цьому сторінки не зупинилися. Відтоді медіанна сторінка на десктопі перевалила за 2,86 МБ — це вже більше, ніж увесь DOOM, — і все заради сторінки, на якій часто всього-на-всього заголовок і три фотографії.
Цифри (вони гірші, ніж здається)
HTTP Archive щомісяця вимірює мільйони реальних сторінок. Дані за 2025 рік:
| Показник | Десктоп | Мобільні |
|---|---|---|
| Медіанна вага сторінки | 2862 КБ | 2559 КБ |
| Запитів на сторінку | 77 | 72 |
| Найважчі 10% сторінок (P90) | 9179 КБ | 8337 КБ |
Десять років тому медіанна мобільна сторінка важила 845 КБ. Сьогодні — 2362 КБ, зростання понад 200% за десять років. А найважчі 10% сторінок тепер важать понад 9 МБ — майже чотири копії DOOM — за одне завантаження.
Звідки береться вага
Розберіть медіанну desktop-сторінку на частини — і це здебільшого дві речі:
- Картинки — близько 1058 КБ (37%). Зазвичай найбільший шматок і зазвичай найпростіший у виправленні: неоптимізовані фото, віддані в повній роздільній здатності.
- JavaScript — близько 697 КБ (24%). Другий за вагою, але перший за кількістю запитів — медіанна сторінка шле за JavaScript 23 окремих запити. Це фреймворки, аналітика, чат-віджети, A/B-тести, банери про куки, рекламні скрипти.
Шрифти, CSS і сам HTML на цьому тлі — похибка. HTML — ті самі слова, заради яких ви прийшли, — це близько 22 КБ, менш ніж 1% сторінки.
А ось чесна й трохи незручна частина. Інтернет за ці десять років став швидшим. Але прибавку ми витратили не на швидкість, а на вагу. Кожну прибавку пропускної здатності з’їдав черговий трекер, ще один фреймворк, чергове відео на весь екран. Maciej Cegłowski назвав це кризою ожиріння сайтів ще у 2015 році — і відтоді стало тільки важче.
Чому це не просто ностальгія
Вага сторінки — не показник заради краси. Вона б’є по трьох речах, що реально важливі бізнесу:
- Швидкість, а отже, і Google. Важкі сторінки вантажаться повільно, а Core Web Vitals (оцінки швидкості та зручності сторінки від Google — наприклад, LCP та INP) — сигнал ранжування. Сторінка на 9 МБ на телефоні — це повільна сторінка, і Google це бачить.
- Мобільні на реальному зв’язку. Ваш відвідувач в електричці з двома поділками сигналу сидить не на офісному оптоволокні, як ви. Кожен мегабайт — це секунди перед порожнім екраном і палець на кнопці «назад».
- Трафік — і ваш, і їхній. Помножте 3 МБ на кожен візит і кожного бота. Важкі сайти дорожче віддавати, і вони палять мобільний трафік ваших відвідувачів.
Швидка й легка сторінка — не питання смаку. Вона краще ранжується, краще продає і дешевше обходиться.
Як посадити сайт на дієту
Перебудовувати все не потрібно. Більша частина ваги знімається за кілька кроків:
- Спочатку картинки — це 37% сторінки. Стисніть їх, віддавайте в сучасних форматах (WebP/AVIF), підганяйте під реальний розмір показу і підвантажуйте в міру прокручування.
- Розберіться з JavaScript. Кожен сторонній скрипт — це чужа вага на вашій сторінці. Приберіть трекери, чат-віджети й A/B-інструменти, якими не користуєтеся. І подумайте, чи потрібен сайту-візитці важкий фреймворк взагалі.
- Власні шрифти і лише потрібні накреслення. Менше накреслень, лише використовувані символи. (Заразом краще для приватності даних у ЄС.)
- З підозрою ставтеся до візуальних конструкторів. Drag-and-drop конструктори WordPress — одна з головних причин зайвої ваги: вони тягнуть величезні CSS і JS заради простої верстки.
- Заміряйте на реальному телефоні і на повільному зв’язку, а не на своєму швидкому десктопі. Саме це бачать ваші клієнти.
Де тут ми
Почасти це вибір стека. Сайт на важкій темі WordPress із двома десятками плагінів товстий від самого початку і товстим лишається; а статичний сайт на чомусь на кшталт Astro може віддати головну сторінку в кілька сотень КБ — у рази легше за DOOM — з тим самим вмістом. Коли ми робимо й обслуговуємо сайт, тримати його легким — частина роботи: оптимізовані картинки, без нагромадження трекерів, власні шрифти і сервер, налаштований віддавати все швидко. Мета — сторінка, що завантажиться раніше, ніж відвідувач потягнеться до кнопки «назад». А в ідеалі — яка важить менше, ніж відеогра 1993 року.