Калькулятор бюджета кэша PWA
Введите URL из манифеста прекэша вашего PWA и задайте бюджет кэша, чтобы рассчитать общий размер кэша, экономию при GZIP и Brotli для каждого типа ресурса и получить конкретные рекомендации, какие ресурсы исключить, чтобы уложиться в бюджет. Всё работает в вашем браузере — без сетевых запросов и без регистрации.
Enter the URLs in your PWA precache manifest and set your cache budget. The calculator estimates total cache size, shows GZIP and Brotli savings per asset, and recommends which assets to exclude to stay within budget. Runs entirely in your browser - no network requests, no signup required.
Leave "Known size" blank to use typical sizes for each asset type. Enter the actual file size in KB for more accurate results.
Почему стоит использовать наш калькулятор бюджета кэша PWA?
- Мгновенный расчёт бюджета кэша: вставьте список URL прекэша, задайте бюджет и сразу увидите общий размер кэша, экономию при GZIP и Brotli и какие ресурсы исключить — всё по одному клику.
- Безопасный онлайн-калькулятор бюджета кэша PWA: все вычисления идут в вашем браузере. URL не загружаются, данные не покидают устройство — это безопасно для анализа внутренних, тестовых и производственных манифестов.
- Умные рекомендации по исключению: когда прекэш превышает бюджет, калькулятор рекомендует, какие ресурсы перевести в кэш во время выполнения, отдавая приоритет критичным HTML, CSS и JS вместо крупных медиафайлов.
- 100 % бесплатно навсегда: рассчитывайте столько бюджетов кэша PWA, сколько нужно, совершенно бесплатно. Без аккаунта, подписки, ограничений и рекламы.
Что такое калькулятор бюджета кэша PWA?
Калькулятор бюджета кэша PWA рассчитывает общий объём хранилища, который занимает список URL из манифеста прекэша service worker, и сравнивает его с настраиваемым бюджетом, показывая, какие ресурсы следует исключить, чтобы уложиться в лимит. Наш бесплатный калькулятор работает исключительно в браузере, определяет каждый тип ресурса по расширению URL, применяет типичные коэффициенты сжатия и рекомендует, какие ресурсы перевести в кэш во время выполнения при превышении бюджета.
Как работает наш калькулятор бюджета кэша PWA
- Введите URL и бюджет: вставьте URL из манифеста прекэша service worker, по одному в строке. Задайте бюджет кэша в МБ (по умолчанию 50 МБ). При желании укажите известный размер файла в КБ для каждого URL.
- Мгновенный расчёт в браузере: нажмите «Рассчитать бюджет кэша» — инструмент определит тип каждого ресурса, применит типичные коэффициенты сжатия, рассчитает общий размер кэша и сравнит его с бюджетом. Сетевые запросы не выполняются.
- Проверьте рекомендации по исключению: ресурсы, из-за которых превышается бюджет, помечаются для исключения, с приоритетом критичным HTML, CSS и JS и рекомендацией перевести крупные медиафайлы в кэш во время выполнения.
Что анализируется
- Определение типа ресурса: расширения URL классифицируют каждый ресурс как HTML, CSS, JS, JSON, растровое изображение, SVG, шрифт, аудио, видео или бинарный файл.
- Коэффициенты сжатия: для каждого типа ресурса есть типичные коэффициенты GZIP и Brotli — текстовые ресурсы сжимаются на 70–85 %, а бинарные форматы почти ничего не выигрывают от HTTP-сжатия.
- Соблюдение бюджета: калькулятор сортирует ресурсы по приоритету (критичный → высокий → средний → низкий) и помечает ресурсы с наименьшим приоритетом для исключения, когда сумма превышает бюджет.
- Стратегия по каждому ресурсу: каждый ресурс получает конкретную рекомендацию — от включения Brotli до перехода на WOFF2 для шрифтов или WebP для изображений.
Квоты хранилища кэша PWA
Браузеры накладывают квоты на хранилище кэшей service worker. Chrome и Edge разрешают до 60 % свободного места на диске, но практическая рекомендация — держать начальный прекэш в пределах 50 МБ для хорошего пользовательского опыта на мобильных устройствах. Крупные манифесты прекэша задерживают событие install service worker и могут вызывать ошибки квоты на устройствах с малым объёмом памяти. Используйте этот калькулятор бюджета кэша PWA, чтобы держать прекэш компактным — переносите крупные аудио, видео и некритичные изображения в кэш во время выполнения вместо предварительного кэширования.
Часто задаваемые вопросы
Калькулятор бюджета кэша PWA рассчитывает общий объём хранилища, который занимает список URL из манифеста прекэша service worker, и сравнивает его с настраиваемым бюджетом, показывая, какие ресурсы следует исключить, чтобы уложиться в лимит. Наш бесплатный онлайн-калькулятор работает исключительно в браузере — сетевые запросы не выполняются, и данные не покидают устройство.
Нет. Калькулятор оценивает размеры по расширению файла в URL и типичным значениям для каждого типа ресурса. Если вы знаете фактический размер файла, укажите его в столбце «Известный размер (КБ)» для более точной оценки. Этот подход работает без доступа к сети и безопасен для внутренних URL и URL стенда.
Да, полная приватность гарантирована. Все вычисления выполняются на стороне клиента в вашем браузере. URL не загружаются, и данные не покидают устройство — это безопасно для анализа внутренних, тестовых или производственных URL, которые могут содержать конфиденциальные пути.
Да. Калькулятор на 100 % бесплатен: без регистрации, подписки, ограничений на количество URL и рекламы. Вы можете рассчитать столько бюджетов кэша PWA, сколько нужно.
Практическая рекомендация — держать начальный прекэш в пределах 50 МБ для хорошего пользовательского опыта на мобильных устройствах. Chrome и Edge разрешают до 60 % свободного места на диске, но устройства с небольшим объёмом памяти могут иметь значительно меньше. Крупные манифесты прекэша также задерживают событие install у service worker, что может ухудшить производительность первой загрузки.
Калькулятор сортирует ресурсы по приоритету: HTML, CSS и JS считаются критичными и сохраняются в первую очередь. JSON и SVG имеют высокий приоритет. Растровые изображения и шрифты — средний приоритет. Аудио, видео и бинарные файлы имеют низкий приоритет и первыми исключаются, когда сумма превышает ваш бюджет.
Растровые изображения (JPEG, PNG, WebP, AVIF) и аудио/видеофайлы уже сжаты собственными кодеками — дополнительное HTTP-сжатие поверх них почти ничего не даёт и расходует процессор. Шрифты WOFF2 уже сжаты изнутри с помощью Brotli. Для этих типов ресурсов инструмент рекомендует оптимизации на уровне формата.
Если вы используете Workbox, манифест прекэша создаётся во время сборки — найдите файл workbox-precache-manifest.*.js или манифест, внедрённый в ваш service worker. Для ручных service worker перечислите URL, которые вы передаёте в cache.addAll() в обработчике события install.
Ресурсы, помеченные для исключения, следует перевести из прекэша в кэш во время выполнения. В Workbox используйте registerRoute() со стратегией кэширования, например StaleWhileRevalidate или CacheFirst, для таких ресурсов. Кэш во время выполнения сохраняет их по мере необходимости при навигации пользователя, а не скачивает всё заранее во время события install.