calcal.ru
Web Performance Calculator v1.0

Калькулятор веб-производительности

Бюджет веса страницы, оптимизация изображений, анализ JS-бандла, критический путь рендеринга, кэширование и трекер Core Web Vitals — все инструменты в одном месте.

Загрузка калькулятора веб-производительности...
6
Модулей расчёта
30+
Метрик и параметров
CWV
Core Web Vitals
CDN
Анализ кэширования

Зачем нужен калькулятор веб-производительности?

Скорость загрузки сайта напрямую влияет на конверсию, SEO-ранжирование и пользовательский опыт. Каждая секунда задержки увеличивает показатель отказов на 7–10%. Наш калькулятор помогает спланировать performance-бюджет и найти точки оптимизации: от размера изображений до стратегии кэширования.

Performance Budget

Performance budget — это набор ограничений на метрики производительности: максимальный вес страницы, время до интерактивности (TTI), LCP и другие показатели. Установив бюджет, вы можете контролировать, что каждый новый релиз не ухудшает скорость.

Вес страницы = HTML + CSS + JS + Изображения + Шрифты

Core Web Vitals

Google использует Core Web Vitals (LCP, FID, CLS) как факторы ранжирования. Хорошие показатели CWV повышают позиции в поиске. Наш калькулятор помогает оценить текущие значения, сравнить с порогами Google и спрогнозировать Lighthouse-скор.

LCP ≤ 2.5с | FID ≤ 100мс | CLS ≤ 0.1

Производительность сайтов в России

Оптимизация производительности в России имеет свои особенности: разные регионы отличаются качеством интернет-соединения, а CDN-покрытие за Уралом заметно хуже. Средняя скорость мобильного интернета составляет около 20–30 Мбит/с в крупных городах, но значительно ниже в малых населённых пунктах.

Для российских сайтов особенно важно: использование отечественных CDN (Selectel, Yandex Cloud CDN), размещение серверов в московских дата-центрах, оптимизация шрифтов (кириллические подмножества) и учёт медленного мобильного интернета в регионах.

LH

Lighthouse / PageSpeed

Инструмент Google для аудита производительности. Оценка 0-100 по метрикам LCP, TBT, CLS, FCP, SI, TTI.
WV

WebPageTest

Детальный анализ водопада запросов, TTFB, Time to First Byte, визуальный таймлайн загрузки.
CF

Chrome DevTools

Профилирование JS, анализ покрытия кода, Network throttling, Performance timeline.
CW

Core Web Vitals Report

Реальные данные пользователей (CrUX). Отчёт Core Web Vitals в Google Search Console.

Возможности калькулятора

W

Бюджет веса страницы

Рассчитайте максимальный вес страницы для заданного времени загрузки с учётом 3G/4G/Broadband и TCP/TLS overhead.

I

Оптимизация изображений

Экономия при конвертации JPEG/PNG в WebP и AVIF. Расчёт responsive-брейкпоинтов и srcset.

JS

Анализ JS-бандла

Время парсинга и компиляции по типу устройства. Code-splitting, tree-shaking, Gzip и Brotli сжатие.

R

Критический путь рендеринга

Оценка блокирующих CSS/JS, TTFB-бюджет, оптимизация above-the-fold, FCP и First Paint.

C

Стратегия кэширования

Cache hit ratio, экономия CDN, TTL по типам ресурсов, сравнение сценариев нагрузки на сервер.

P

Трекер бюджета метрик

Контроль LCP/FID/CLS/TTI/TBT с pass/fail. Оценка Lighthouse Performance Score по весам метрик.

Часто задаваемые вопросы

Performance Budget (бюджет производительности) — это набор ограничений на показатели скорости загрузки: максимальный вес страницы, количество HTTP-запросов, время до интерактивности (TTI) и метрики Core Web Vitals. Бюджет устанавливается до начала разработки и контролируется в CI/CD. Если новый коммит нарушает бюджет — сборка падает. Это предотвращает постепенную деградацию производительности (performance regression).
Рекомендуемый вес зависит от целевой аудитории. Для мобильного 3G: до 170 КБ (включая HTML, CSS, JS). Для 4G: до 500 КБ. Для десктопа: до 1–2 МБ. Google рекомендует, чтобы LCP-элемент загружался за 2.5 секунды. Средний вес веб-страницы в 2024 году — около 2.5 МБ, но большая часть — изображения, которые можно оптимизировать.
WebP обеспечивает сжатие на 25–35% лучше JPEG при сопоставимом качестве. AVIF — на 40–50% лучше JPEG. Для PNG-изображений экономия ещё больше. Использование тега <picture> с fallback позволяет отдавать AVIF для Chrome/Firefox, WebP для Safari и JPEG как запасной вариант. Для страницы с 10 изображениями экономия может составить сотни килобайт.
Critical Rendering Path (критический путь рендеринга) — это последовательность шагов, которые браузер выполняет для первого отображения пикселей на экране: загрузка HTML, парсинг CSS (render-blocking), выполнение JS (parser-blocking), построение DOM и CSSOM, Layout и Paint. Оптимизация CRP включает: инлайн критического CSS (до 14 КБ), defer/async для JS, preload для ключевых ресурсов, font-display: swap для шрифтов.
При cache hit ratio 90% из 100 000 запросов только 10 000 достигают origin-сервера, остальные обслуживаются CDN за 20–40 мс вместо 200–500 мс. Это снижает нагрузку на сервер на 90%, уменьшает среднее время ответа и экономит серверные ресурсы. Для статических ресурсов (CSS/JS с hash) рекомендуется TTL = 1 год с immutable, для HTML — stale-while-revalidate.
Lighthouse Performance Score (0–100) складывается из взвешенных метрик: TBT (30%), LCP (25%), CLS (25%), FCP (10%), SI (10%). Скор 90–100 — отличный (зелёный), 50–89 — требуется оптимизация (оранжевый), 0–49 — критические проблемы (красный). Для улучшения скора сосредоточьтесь на TBT (уменьшение блокировки главного потока) и LCP (ускорение загрузки основного контента).
Синтетические тесты: Lighthouse (Chrome DevTools, PageSpeed Insights), WebPageTest. Реальные данные пользователей (RUM): Google CrUX (Chrome User Experience Report), Google Search Console — отчёт Core Web Vitals. Для CI/CD: Lighthouse CI, Bundlesize, Size-limit. Для российских сайтов: учитывайте данные из Яндекс.Метрики (время загрузки по регионам).

Похожие инструменты

🏗️

Калькулятор кирпичной кладки

Расчёт количества кирпича, раствора и стоимости кладки. Толщина стены 0.5/1/1.5/2 кирпича, одинарный, полуторный, двойной кирпич по ГОСТ.

🏠

Калькулятор детской смеси

Расчёт расхода детской смеси: количество банок, стоимость питания по возрасту.

🏗️

Калькулятор зарядки электромобиля

Расчёт времени и стоимости зарядки электромобиля дома. Мощность розетки, тариф.

💰

Калькулятор материнского капитала

Размер маткапитала 2025, использование, остаток. Расчёт для ипотеки и образования.

🧮

Генератор анаграмм

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

🧮

Калькулятор зубов у ребёнка

Порядок и сроки прорезывания зубов у детей. Молочные и постоянные зубы, симптомы.

🏠

Калькулятор стоимости содержания собаки

Расчёт годовых расходов на содержание собаки: корм, ветеринар, груминг, аксессуары.

💻

Валидатор ОГРН/ОГРНИП

Проверка контрольной суммы ОГРН (13 цифр) и ОГРНИП (15 цифр) с расшифровкой структуры: тип, год, регион.

Калькулятор конденсатора (заряд, энергия, RC)

Расчёт ёмкости, заряда и энергии конденсатора. Соединение конденсаторов, RC-цепь, постоянная времени.

💰

Калькулятор стоимости развода

Расчёт стоимости развода: госпошлина ЗАГС и суд, раздел имущества, алименты. Ст. 333.26 НК РФ, семейное право.

⚙️

Калькулятор передаточных чисел (КПП)

Передаточное число, скорость на передачах, обороты двигателя. Для автомобилей, мотоциклов и велосипедов.

🌿

Калькулятор вулканологии

Индекс VEI, скорость лавы, вязкость магмы, высота эруптивной колонны, тефра, пирокластические потоки, вулканические газы.

💰

Калькулятор выплат при рождении ребёнка

Расчёт всех выплат при рождении: единовременное пособие, декретные, материнский капитал, пособие по уходу до 1.5 лет, региональные выплаты.

🧮

Калькулятор рациона для птицы

Расчёт рациона кормления для кур-несушек, бройлеров, уток, гусей. Суточный расход, состав кормосмеси, стоимость.

⚙️

Калькулятор 3D-печати

Расчёты 3D-печати: материал, время, прочность, стоимость, сравнение технологий, постобработка

Лиана Арифметова
Создатель

Лиана Арифметова

Миссия: Демократизировать сложные расчеты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».

Был ли этот калькулятор полезен?

⚖️

Отказ от ответственности

Только для информационных целей. Все расчёты, результаты и данные, предоставляемые данным инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.

Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.

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

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