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

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

🏗️

Калькулятор плиты перекрытия: монолит, ПК, арматура, прогиб

Расчёт монолитной и сборной плиты перекрытия. Подбор арматуры по СП, проверка прогиба, продавливание, объём бетона.

🌿

Калькулятор морской биологии: солёность, плотность воды и продуктивность океана

Расчёты по морской биологии онлайн: солёность воды (PSU), плотность по UNESCO EOS-80, скорость звука, фотическая зона и продуктивность.

🏠

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

Пропорции кофе и воды для любого метода. Ratio, помол, температура и время экстракции. Для бариста.

💰

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

Рассчитайте чистый оборотный капитал (NWC), коэффициент текущей ликвидности, быстрой ликвидности и другие показатели оборотных средств.

🏥

Калькулятор гемодинамики (MAP, CO, объем крови)

Комплексный расчет: среднее артериальное давление (MAP), сердечный выброс (CO) и объем крови (формула Надлера). Оценка кровообращения.

⚙️

Калькулятор фармацевтического производства

Расчёты фармпроизводства: таблетирование, растворение, стабильность, чистые помещения, валидация

🧮

Калькулятор экономии при LED-освещении

Сравнение расхода ламп накаливания и LED. Экономия электричества, окупаемость, CO₂.

🏗️

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

Расчёт расхода пеллет на отопление дома по площади, утеплению и КПД котла.

📐

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

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

🏗️

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

Расчёт расхода антисептика, пропитки, масла и воска для дерева по площади. Сенеж, Неомид, Pinotex, Tikkurila. Стоимость в рублях.

🧮

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

Высота и глубина ступеней, угол наклона и длина косоура. Формула Блонделя. Нормы СНиП и ГОСТ.

🏗️

Калькулятор гипсовой штукатурки

Расчёт расхода гипсовой штукатурки: Кнауф Ротбанд, Волма Слой, Unis Теплон. Мешков и стоимости по площади и толщине.

🏠

Калькулятор художественных материалов: краски, кисти, холсты

Калькулятор для художников. Расчёт количества красок, кистей, холстов. Набор для начинающего и бюджет.

💰

Калькулятор полной стоимости кредита (ПСК)

Расчёт полной стоимости кредита в % годовых по 353-ФЗ. Учёт страховки, комиссий, дополнительных платежей.

🧮

Калькулятор страхового запаса (Safety Stock)

Расчёт Safety Stock, точки перезаказа (ROP) и EOQ. Учёт вариабельности спроса и сроков поставки.

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

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

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

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

⚖️

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

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

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

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

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