Встречается на собеседованиях • сегодня
Какие знаешь техники уменьшения реального времени загрузки страницы
1. **Оптимизация изображений**: Использование форматов WebP, сжатие без потерь, lazy loading.
```html
```
2. **Минификация и объединение ресурсов**: CSS/JS минификация (например, через Webpack), объединение файлов.
3. **Кэширование**: Использование `Cache-Control`, `ETag`, Service Workers для кэширования статики.
4. **CDN**: Раздача статики через CDN (Cloudflare, AWS CloudFront).
5. **Предзагрузка критических ресурсов**:
```html
```
6. **Оптимизация шрифтов**: Подгрузка только используемых глифов, `font-display: swap`.
7. **Сжатие на сервере**: Gzip/Brotli для уменьшения размера передаваемых данных.
8. **Уменьшение TTFB**: Оптимизация бэкенда, использование edge-серверов.
9. **Code Splitting**: Разделение кода на чанки (React.lazy, динамический import).
10. **SSR/SSG**: Для быстрого первого рендера (Next.js, Gatsby).
Пример настройки кэширования в `.htaccess`:
```apache
Header set Cache-Control "max-age=31536000, public"
```
```
2. **Минификация и объединение ресурсов**: CSS/JS минификация (например, через Webpack), объединение файлов.
3. **Кэширование**: Использование `Cache-Control`, `ETag`, Service Workers для кэширования статики.
4. **CDN**: Раздача статики через CDN (Cloudflare, AWS CloudFront).
5. **Предзагрузка критических ресурсов**:
```html
```
6. **Оптимизация шрифтов**: Подгрузка только используемых глифов, `font-display: swap`.
7. **Сжатие на сервере**: Gzip/Brotli для уменьшения размера передаваемых данных.
8. **Уменьшение TTFB**: Оптимизация бэкенда, использование edge-серверов.
9. **Code Splitting**: Разделение кода на чанки (React.lazy, динамический import).
10. **SSR/SSG**: Для быстрого первого рендера (Next.js, Gatsby).
Пример настройки кэширования в `.htaccess`:
```apache

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы