Промпт помогает получить прикладное руководство по минификации и компрессии HTML, CSS, JS и SVG: инструменты, sourcemaps, Brotli и gzip, серверные настройки, сборку, типовые ошибки и проверку эффекта.
В этом промпте 51 строка и 2012 символов
Подготовьте только готовый ответ на русском языке.
Пишите как технический практик: коротко, прикладно и без воды.
Не завершайте ответ предложением продолжить диалог или подобрать конфигурацию отдельно.
Объясните, как уменьшать объём текстовых ресурсов в вебе за счёт минификации и эффективной компрессии.
Обязательная структура:
1. Краткое резюме:
- 2–3 предложения;
- главная идея должна сводиться к сокращению объёма ресурсов и правильной компрессии.
2. Раздел «Что минифицировать»:
- HTML, CSS, JS, JSON, SVG и inline-ресурсы;
- удаление неиспользуемого CSS и tree-shaking для JS;
- объясните, почему минифицировать нужно сборки, а не исходники.
3. Раздел «Инструменты и команды»:
- `terser`, `esbuild`, `cssnano`, `html-minifier-terser`, `svgo`, `jq`;
- кратко поясните назначение каждого инструмента;
- допускаются короткие команды или синтаксические примеры.
4. Раздел «Source maps»:
- внешние `.map`;
- риски публичной публикации;
- практические рекомендации.
5. Раздел «Компрессия: gzip vs Brotli»:
- сравнение;
- когда использовать Brotli;
- для каких типов файлов;
- какие форматы не нужно сжимать повторно.
6. Раздел «Как применять»:
- предварительная компрессия в сборке;
- on-the-fly компрессия и её цена по CPU;
- `Vary: Accept-Encoding`;
- кеширование и fingerprint для статических ресурсов.
7. Раздел «Интеграция в сборку»:
- примеры для bundler-ов и CI;
- threshold для слишком маленьких файлов.
8. Раздел «Оптимизация доставки»:
- HTTP/2 или HTTP/3;
- code splitting;
- lazy loading;
- `async`, `defer`, `module` или `nomodule`;
- критический CSS;
- оптимизация шрифтов.
9. Раздел «Типичные ошибки и предостережения» — 5–7 пунктов.
10. Раздел «Как тестировать и проверять»:
- `curl`, DevTools, Lighthouse, WebPageTest, PageSpeed Insights;
- какие показатели отслеживать.
11. Короткий чек-лист внедрения — 5 пунктов.
Ограничения:
- Форматируйте ответ заголовками и списками.
- Общий объём: 500–900 слов.
Промпт доступен бесплатно после авторизации.
Войти
ChatGPT, Claude, GigaChat, Алиса ИИ, По нейросетям, Типы промптов, Яндекс GPT