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

Похожие калькуляторы

15

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

Рассчитайте точное расстояние между двумя точками по широте и долготе. Формула Хаверсина. Поддержка поиска адресов.

/geocoding-distance-calculator

Калькулятор доступности (Accessibility): WCAG 2.1, контрастность, ARIA, скринридер

Комплексный калькулятор веб-доступности: проверка контрастности цветов (WCAG AA/AAA), конвертер размеров шрифтов (rem/em/px), оценка ARIA-совместимости, аудит клавиатурной навигации, готовность к скринридерам и соответствие WCAG 2.1 (ГОСТ Р 52872).

/accessibility-calculator

Объединить PDF онлайн — без загрузки на сервер

Склейка PDF в браузере через pdf-lib. До 20 файлов, до 50 МБ каждый. Локально, без отправки на сервер (152-ФЗ).

/obyedinit-pdf-onlajn-besplatno

Сжать PDF онлайн — уменьшить размер локально

Сжатие PDF в браузере без потери качества. 3 уровня (object streams, удаление метаданных). До 50 МБ. Через pdf-lib, локально.

/szhat-pdf-onlajn-umenshit-razmer

Разделить PDF на страницы — извлечь нужные онлайн

Разделение PDF на страницы локально: каждая страница отдельным файлом, диапазон или группами. Через pdf-lib, без отправки на сервер.

/razdelit-pdf-na-stranicy-onlajn

JPG в PDF — конвертер с объединением

Конвертация JPG/PNG в PDF в браузере: до 30 картинок в один документ. Форматы A4/A3/Letter или подгонка под изображение.

/jpg-v-pdf-konverter

Повернуть страницы PDF онлайн

Поворот всех или указанных страниц PDF на 90/180/270° за миллисекунды. Lossless. Через pdf-lib, без отправки на сервер.

/povernut-pdf-stranitsy-onlajn

Водяной знак на PDF онлайн (кириллица)

Нанесение текстового знака («КОНФИДЕНЦИАЛЬНО», «ЧЕРНОВИК») на все страницы PDF. Поддержка русского текста через Canvas. 4 положения, регулировка прозрачности.

/dobavit-vodyanoj-znak-na-pdf

Нумерация страниц PDF онлайн

Проставьте номера страниц PDF в браузере: 4 формата, 6 положений, пропуск титульной, кастомный старт. Поддержка кириллицы. Через pdf-lib + Canvas.

/numerovat-stranitsy-pdf-onlajn

PDF в JPG / PNG — конвертер страниц

Рендеринг каждой страницы PDF в картинку через pdfjs-dist (Mozilla). 4 уровня качества: 96 / 150 / 300 DPI и lossless PNG. До 50 МБ.

/pdf-v-jpg-konverter-onlajn

Извлечь текст из PDF онлайн

Извлечение текста из PDF в браузере через pdfjs-dist (Mozilla). Plain text, с разделителями страниц или JSON. Файлы не уходят на сервер.

/extract-text-iz-pdf-onlajn

Сжать JPG до 100 КБ для документов

Сжатие JPG до точного размера в КБ (50, 100, 200, 500, 1000) через бинарный поиск quality. Госуслуги, ЕГЭ, банки. Через browser-image-compression.

/szhat-jpg-onlajn-do-100kb

Удалить EXIF из фото — GPS и метаданные

Удаление EXIF (геолокация, модель камеры, дата) из JPEG. Сначала показывает что внутри, потом удаляет. 152-ФЗ. В браузере, без отправки.

/udalit-exif-iz-foto-online

Изменить размер фото в пикселях

Изменение размера JPG/PNG/WebP с сохранением пропорций. 6 пресетов (Full HD, HD, 1080×1080, 9:16). Через Canvas API, без сервера.

/izmenit-razmer-foto-onlajn-px-mb

WebP в JPG / PNG — конвертер онлайн

Конвертация WebP → JPG / PNG в браузере. До 30 файлов одновременно. Через Canvas API, без сервера. Поддержка Госуслуг и старых форм.

/webp-v-jpg-png-konverter
Лиана Арифметова
АВТОРverifiedред. calcal.ru

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

Создатель и главный редактор

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

Mathematical Engineering · МФТИ · редактирует каталог с 2012 года

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

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ

Инструмент справочный — не заменяет эксперта

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

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

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

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