Как определяешь что сайт весит много

Чтобы определить, что сайт весит много, можно использовать несколько инструментов и метрик:

1. DevTools (Network Tab) – показывает общий размер загружаемых ресурсов (HTML, CSS, JS, изображения). Если общий вес превышает 2-3 МБ, это тревожный сигнал.

2. Lighthouse (в Chrome DevTools) – анализирует производительность и указывает на "тяжёлые" ресурсы, особенно изображения и скрипты.

3. WebPageTest – даёт детальную статистику по загрузке, включая вес страницы и отдельных элементов.

4. Изображения – часто главная причина "раздутости". Проверь, сжаты ли они (например, через imagemin или sharp).

Пример проверки в DevTools:

// В консоли можно получить общий вес страницы:
performance.getEntriesByType("resource")
  .reduce((acc, r) => acc + r.transferSize, 0);

Оптимизация: минификация кода, lazy loading, сжатие изображений, tree-shaking для JS.