Размер каких файлов влияет на быструю загрузку контента на сайте

Размер всех файлов, которые загружаются при открытии страницы, влияет на скорость загрузки: HTML, CSS, JavaScript, изображения, шрифты, видео. Критически важны: 1. **Изображения** - самые тяжелые, нужно оптимизировать (WebP, сжатие, lazy loading) ```html ``` 2. **JavaScript/CSS** - минификация, tree-shaking, code splitting ```js // Вместо одного большого бандла import('./module.js').then(module => {...}); ``` 3. **Шрифты** - подключать только нужные начертания, использовать `font-display: swap` 4. **Видео** - замена на GIF (если возможно), lazy loading Оптимальные размеры: - Главная страница: <1.5MB - Критический CSS: <15KB - JS: <300KB (до парсинга)