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. Для российских сайтов: учитывайте данные из Яндекс.Метрики (время загрузки по регионам).

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

🧮

Калькулятор фехтования: рейтинг FIE, статистика, экипировка

Калькулятор для фехтования. Рейтинг FIE, статистика боёв, подбор экипировки (рапира/шпага/сабля), физическая подготовка.

💻

Unix Timestamp Converter (перевод времени)

Конвертер Unix Timestamp в дату и обратно. Текущее время Unix, live-режим, форматы ISO 8601, UTC.

🏗️

Калькулятор штукатурки

Расчёт расхода штукатурки на стены: количество мешков, толщина слоя.

💻

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

Размеры баннеров для VK, Telegram, YouTube, Яндекс Директ, Google Ads. Все форматы с рекомендациями по файлу.

🏥

Шкала Апгар — калькулятор онлайн

Рассчитайте оценку по шкале Апгар для новорождённого. ЧСС, дыхание, мышечный тонус, рефлексы и цвет кожи. Мгновенный результат.

🧮

Калькулятор сноуборда: подбор доски, калории, экипировка

Калькулятор для сноубордистов. Подбор размера доски по росту и весу, расход калорий, стоимость экипировки и ски-пассов в России.

📐

Калькулятор ROC и AUC (точность, чувствительность)

Построение ROC-кривой, расчет AUC и метрик классификации (Accuracy, F1, Recall, Precision).

📐

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

Операции по модулю: сложение, вычитание, умножение, обратный элемент. КТО, BigInt. Для криптографии.

🧮

Калькулятор точки безубыточности

Расчёт BEP в штуках и рублях. Постоянные/переменные затраты, маржинальный доход, запас прочности.

🏠

Калькулятор техосмотра

Расчёт стоимости техосмотра, сроков прохождения и необходимых документов. Категории ТС, периодичность по возрасту авто, штрафы.

📐

Калькулятор бутстрэп и байесовских оценок

Выполните ресемплинг методом Бутстрэп и оцените параметры с помощью Байесовского вывода. Доверительные и кредибельные интервалы онлайн.

💰

Калькулятор вклада / депозита (доходность вклада, капитализация процентов)

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

🏗️

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

Расчёт воздухообмена по нормам СП 60.13330. Подбор диаметра воздуховода и производительности вентилятора.

🏥

Калькулятор клиренса креатинина (Кокрофт-Голт)

Расчёт клиренса креатинина по формуле Кокрофта-Голта. Оценка скорости клубочковой фильтрации (СКФ), определение стадии ХБП.

💰

Калькулятор инвестиций в золото

Расчёт доходности инвестиций в золото: слитки, монеты, ОМС. Спред, хранение, налогообложение.

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

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

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

⚖️

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

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

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

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

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