Внутреннее устройство карт кода для JavaScript. Манодж Вивек подробно объясняет, как минифицированный JavaScript связывается с исходным: от структуры формата и VLQ-кодирования до того, как DevTools восстанавливают пути, строки и имена. Разбор проходит через этапы сборки TypeScript, структуру сегментов и примеры декодирования. #js #devtools

https://www.polarsignals.com/blog/posts/2025/11/04/javascript-source-maps-internals

Отладка веб-перфоманса с Chrome DevTools. Жоан Леон показывает, как искать тяжелые ресурсы и слабое кеширование в Network, сравнивать локальные метрики с CrUX и разбирать LCP, CLS и INP в Performance Insights и трассировках. А также снипеты, content-visibility и оптимизация видео через HandBrake бонусом. #performance #devtools #chrome

https://calendar.perfplanet.com/2025/chrome-devtools-for-debugging-web-performance/

Автоматизация браузера из терминала с Chrome DevTools MCP CLI. Джоан Леон рассказывает о CLI, которая управляет Chrome через консоль вместо скриптов на Puppeteer или Playwright. Постоянный демон сохраняет состояние между командами для навигации, троттлинга сети, мобильного вьюпорта, тёмной темы и взаимодействия с формами. Можно получать дерево доступности, выполнять JavaScript, делать скриншоты, запускать Lighthouse и трейсить Core Web Vitals. #devtools #tools

https://joanleon.dev/en/chrome-devtools-mcp-cli/

Разбираемся с панелью Performance в Chrome DevTools. Джоан Леон на интерактивных примерах показывает цвета для скриптов, рендеринга, отрисовки, загрузки и простоя, устройство полосы сетевого запроса, две оси флеймчарта и разницу между self time и total time. Ещё есть четыре фазы LCP, сдвиги лейаута, INP, композитинг, порядок диагностики и таблицы типичных функций и запросов. #performance #devtools

https://perf.reviews/profile-guide