Встречается на собеседованиях • сегодня
Какие знаешь способы оптимизации загрузки страницы
1. **Минификация и сжатие** – минифицируй JS, CSS, HTML, сжимай через Gzip/Brotli.
2. **Ленивая загрузка (Lazy Loading)** – загружай изображения, скрипты только при необходимости:
```html
```
3. **Кэширование** – используй HTTP-кеши (`Cache-Control`, `ETag`) и Service Workers.
4. **Оптимизация изображений** – сжимай, используй современные форматы (WebP, AVIF), `srcset` для адаптивности.
5. **Critical CSS/JS** – встраивай критический CSS в ``, остальное загружай асинхронно.
6. **CDN** – используй CDN для статики.
7. **Асинхронная загрузка скриптов** – `async/defer` для ненужных сразу скриптов:
```html
```
8. **Оптимизация шрифтов** – подключай только нужные начертания, используй `font-display: swap`.
9. **Уменьшение DOM** – избегай глубокой вложенности, лишних элементов.
10. **Preload/Prefetch** – предзагружай важные ресурсы:
```html
```
```
3. **Кэширование** – используй HTTP-кеши (`Cache-Control`, `ETag`) и Service Workers.
4. **Оптимизация изображений** – сжимай, используй современные форматы (WebP, AVIF), `srcset` для адаптивности.
5. **Critical CSS/JS** – встраивай критический CSS в ``, остальное загружай асинхронно.
6. **CDN** – используй CDN для статики.
7. **Асинхронная загрузка скриптов** – `async/defer` для ненужных сразу скриптов:
```html
```
8. **Оптимизация шрифтов** – подключай только нужные начертания, используй `font-display: swap`.
9. **Уменьшение DOM** – избегай глубокой вложенности, лишних элементов.
10. **Preload/Prefetch** – предзагружай важные ресурсы:
```html
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы