<commit_before>project_path: /web/_project.yaml
book_path: /web/updates/_book.yaml
description: Performance Monitor, Console Sidebar, and Console groupings.

{# wf_updated_on: 2017-11-30 #}
{# wf_published_on: 2017-11-28 #}
{# wf_tags: chrome64,devtools,devtools-whatsnew #}
{# wf_featured_image: /web/updates/images/generic/chrome-devtools.png #}
{# wf_featured_snippet: Performance Monitor, Console Sidebar, and Console groupings. #}

{% include "web/tools/chrome-devtools/_shared/styles.html" %}

# What's New In DevTools (Chrome 64) {: .page-title }

{% include "web/_shared/contributors/kaycebasques.html" %}

Note: The video version of these release notes will be published around
late-January 2018.

Welcome back! New features coming to DevTools in Chrome 64 include:

* [Performance Monitor](#perf-monitor). View a page's performance in real-time.
* [Console Sidebar](#console-sidebar). Reduce Console noise and focus on the messages that are
  important to you.
* [Group similar Console messages](#group-similar). The Console now groups similar messages
  together by default.

Note: Check what version of Chrome you're running at `chrome://version`. If you're running
an earlier version, these features won't exist. If you're running a later version, these features
may have changed. Chrome auto-updates to a new major version about every 6 weeks.

## Performance Monitor {: #perf-monitor }

Use the Performance Monitor to get a real-time view of various aspects of a page's performance,
including:

* CPU usage.
* JavaScript heap size.
* The total number of DOM nodes, JavaScript event listeners, documents, and frames on the page.
* Layouts and style recalculations per second.

To use the Performance Monitor:
<commit_msg>[devtools] add video to WNDT64 (#5676)<commit_after>project_path: /web/_project.yaml
book_path: /web/updates/_book.yaml
description: Performance Monitor, Console Sidebar, and Console groupings.

{# wf_updated_on: 2018-01-18 #}
{# wf_published_on: 2017-11-28 #}
{# wf_tags: chrome64,devtools,devtools-whatsnew #}
{# wf_featured_image: /web/updates/images/generic/chrome-devtools.png #}
{# wf_featured_snippet: Performance Monitor, Console Sidebar, and Console groupings. #}
{# wf_blink_components: Platform>DevTools #}

{% include "web/tools/chrome-devtools/_shared/styles.html" %}

# What's New In DevTools (Chrome 64) {: .page-title }

{% include "web/_shared/contributors/kaycebasques.html" %}

Note: The video version of these release notes will be published around
late-January 2018.

Welcome back! New features coming to DevTools in Chrome 64 include:

* [Performance Monitor](#perf-monitor). View a page's performance in real-time.
* [Console Sidebar](#console-sidebar). Reduce Console noise and focus on the messages that are
  important to you.
* [Group similar Console messages](#group-similar). The Console now groups similar messages
  together by default.

Read on, or watch the video version of these release notes below.

<div class="video-wrapper-full-width">
  <iframe class="devsite-embedded-youtube-video" data-video-id="90wNAn05Cf4"
          data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen>
  </iframe>
</div>

Note: Check what version of Chrome you're running at `chrome://version`. If you're running
an earlier version, these features won't exist. If you're running a later version, these features
may have changed. Chrome auto-updates to a new major version about every 6 weeks.

## Performance Monitor {: #perf-monitor }

Use the Performance Monitor to get a real-time view of various aspects of a page's performance,
including:

* CPU usage.
* JavaScript heap size.
* The total number of DOM nodes, JavaScript event listeners, documents, and frames on the page.
* Layouts and style recalculations per second.

To use the Performance Monitor:

{'fraction_non_alphanumeric': 0.09863945578231292, 'fraction_numerical': 0.017791732077446363, 'mean_word_length': 4.881538461538462, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 8, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4820488', 'n_tokens_mistral': 1194, 'n_tokens_neox': 1090, 'n_words': 416}