В Chrome 86 у DevTools появятся новые функции отладки и аудита

На обновлённой панели «Мультимедиа» можно просматривать свойства, события, сообщения и временную шкалу. Чтобы к ней перейти, необходимо нажать три точки, выбрать дополнительные инструменты и затем нажать «Медиа».

Через контекстно открывающееся меню из панели «Элементы» можно делать снимки определённых узлов.

О Lighthouse 6.2 Google дал комментарий об улучшениях и изменениях версии:

  • Избегайте длинных задач основного потока. Сообщает о самых длительных задачах в основном потоке, полезно для определения худших участников задержки ввода.
  • Ссылки доступны для сканирования. Убедитесь, что атрибут href элементов привязки ссылается на соответствующий пункт назначения, чтобы ссылки можно было обнаружить.
  • Элементы изображения без размера. Убедитесь, что для элементов изображения явно заданы ширина и высота. Явный размер изображения может уменьшить смещение макета и улучшить CLS.
  • Избегайте несоставной анимации. Сообщает о несоставной анимации, которая выглядит неаккуратно и снижает CLS.
  • Слушает события разгрузки. Сообщает о событии выгрузки. Вместо этого рассмотрите возможность использования событий pagehide или visibilitychange, поскольку событие unload срабатывает ненадежно.

Также, в новой версии будет поддержка новых функций JavaScript.

С полным перечнем нововведений можно ознакомиться по ссылке

Напоминаем, что ранее Google объявил, что в новом Chrome будут появляться предупреждения о небезопасных формах передачи данных.

Источник: pr-cy.ru

Ссылка на основную публикацию