7.2 Рендеринг и производительность
↑ Этап 7
Как браузер рисует страницу и как её ускорить: critical rendering path, reflow, Web Vitals, code splitting, изображения, виртуализация, кэш, инструменты и бюджеты.
Темы
Итого: 11 тем · ~33 мин · готово 0 из 11
| # | Тема | Приоритет | Чтение | Статус |
|---|---|---|---|---|
| 1 | Critical Rendering Path: DOM, CSSOM, Layout, Paint, Composite | Желательно | 3 мин | Не начато |
| 2 | Reflow и Repaint | Желательно | 3 мин | Не начато |
| 3 | Core Web Vitals: LCP, INP, CLS | Желательно | 3 мин | Не начато |
| 4 | Code splitting и lazy loading | Желательно | 3 мин | Не начато |
| 5 | Tree shaking и размер бандла | Желательно | 3 мин | Не начато |
| 6 | Оптимизация изображений и шрифтов | Желательно | 3 мин | Не начато |
| 7 | Виртуализация длинных списков | Желательно | 3 мин | Не начато |
| 8 | Мемоизация и лишние ре-рендеры | Желательно | 3 мин | Не начато |
| 9 | Кэширование: HTTP-кэш, Service Worker | Желательно | 3 мин | Не начато |
| 10 | Инструменты: DevTools Performance, Lighthouse, Vue DevTools | Желательно | 3 мин | Не начато |
| 11 | Тестирование производительности: Lighthouse CI, performance budget | Желательно | 3 мин | Не начато |
Чек-лист раздела
- Прочитал все темы
- Могу объяснить каждую тему за 2 минуты вслух