Промпт нужен для структурированного руководства по кэшированию, кеш-бастингу и оптимизации загрузки ресурсов сайта. Ответ должен дать готовые правила, заголовки HTTP, сценарии для HTTP/2, Service Worker и итоговый чек-лист внедрения.
В этом промпте 54 строки и 2216 символов
Подготовь на русском языке практическое руководство по оптимизации производительности сайта через браузерное кэширование, cache busting и управление загрузкой ресурсов. Сделай ответ структурированным, прикладным и готовым к использованию.
Используй следующую структуру:
1. Общая стратегия кэширования:
- разделение HTML и статических ассетов по жизненному циклу;
- принципы max-age, revalidation и неизменяемых файлов;
- роль CDN.
2. HTTP-заголовки:
- конкретные рекомендации для статических ассетов;
- рекомендации для HTML;
- когда использовать ETag и Last-Modified;
- зачем нужны Vary и CORS.
3. Cache busting и версионирование:
- hashed filenames;
- почему нежелательно полагаться только на query string versioning;
- подход для SPA и index.html.
4. Service Worker и стратегии кэширования:
- Cache First;
- Network First;
- Stale-While-Revalidate;
- управление версиями кеша после деплоя.
5. Объединение ресурсов и бандлинг:
- разница подходов для HTTP/1.1 и HTTP/2 или HTTP/3;
- code splitting;
- inline critical CSS;
- разделение vendor, runtime и route bundles.
6. Минификация, tree shaking и сжатие:
- Terser, cssnano, PurgeCSS, Brotli, Gzip;
- оптимизация изображений и responsive loading.
7. Ленивая загрузка и приоритеты:
- preload ключевых ресурсов;
- async, defer и dynamic import;
- lazy-loading тяжелых модулей и медиа.
8. Кэширование API и данных:
- выбор TTL;
- stale-while-revalidate;
- клиентские кеши, например IndexedDB, localStorage и Cache API.
9. Инструменты и практические шаги:
- примеры для Webpack, Rollup, Vite, esbuild;
- bundle analyzers;
- проверка в Lighthouse, WebPageTest и DevTools;
- автоматические size budgets в CI.
10. Контроль после внедрения:
- какие метрики отслеживать;
- как проверять заголовки в продакшене;
- как контролировать политики на CDN и edge.
11. Итоговый чек-лист внедрения по порядку.
12. Примеры HTTP-заголовков, готовые к копированию.
Требования:
- Тон: деловой и практический.
- Используй короткие заголовки и списки.
- Приводи конкретные рекомендации и команды там, где это уместно.
- Не заканчивай ответ предложением "если нужно, пришлю еще что-то". Ответ должен быть завершенным и самодостаточным.
Промпт доступен бесплатно после регистрации/авторизации
Регистрация
ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT