Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/performance-audit

Как работает CSS-аудит производительности?

СобеседованиеОтладка и инструменты
  • Chrome DevTools Performance tab: recording, flame chart, Layout/Paint/Composite timings
  • Lighthouse: аудит CSS coverage, render-blocking resources, CLS
  • Chrome DevTools Coverage tab: % неиспользуемого CSS
  • Rendering tab: Paint flashing (подсвечивает repaints), Layout Shift Regions
  • Performance Monitor: real-time CPU, Layouts/sec, Style recalcs/sec
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov