anniesullie

const interactionMap = new Map();

function logInteraction(interaction) {
  const clamp = val => Math.round(val * 100) / 100; // clamp to 2 decimal places

  console.groupCollapsed(`${interaction.type} interaction`, clamp(interaction.latency));
  console.log(`total latency`, clamp(interaction.latency));
  console.log('delay:', clamp(interaction.delay));
  console.groupCollapsed(`processing time in ${Object.entries(interaction.processingTimes).length} entries:`, clamp(interaction.processingTime));
  for (const [e, t] of Object.entries(interaction.processingTimes)) {

anniesullie

/**
 * A bookmarklet for viewing shifted elements while debugging
 * Cumulative Layout Shift (web.dev/cls). Works in Chrome 84+
 * Shows the previous position of shifted elements in yellow,
 * and the new position in red. Adds in a `debugger;` statement
 * each timet the performance observer is notified of a layout
 * shift, allowing the user to attempt to "step through" the
 * shifts by pausing on each one in the devtools debugger.
 * Note that the shifts have already happened at this point.
 *

anniesullie

Keybase proof

I hereby claim:

• I am anniesullie on github.
• I am anniesullie (https://keybase.io/anniesullie) on keybase.
• I have a public key ASAetxcHFerPYPP1Vsnejv1W5ijDhgPRKt4I9B6xeWH-_Ao

To claim this, I am signing this object:

anniesullie

/**
 * A bookmarklet for viewing the largest contentful paint in a page.
 * Will show each LCP after the bookmarklet is clicked.
 *
 * To install:
 * 1. Copy the code starting from the line beginning `javascript:`
 * 2. Add a new bookmark in Chrome, and paste the code in as the URL.
 **/
javascript:(function(){
  try {

anniesullie

/**
 * A bookmarklet for viewing shifted elements while debugging
 * Cumulative Layout Shift (web.dev/cls). Works in Chrome 84+
 * Shows the previous position of shifted elements in yellow,
 * and the new position in red.
 *
 * To install:
 * 1. Copy the code starting from the line beginning `javascript:`
 * 2. Add a new bookmark in Chrome, and paste the code in as the URL.
 **/

anniesullie

<link rel="import" href="../paper-tabs/paper-tabs.html">
<link rel="import" href="../paper-tabs/paper-tab.html">
<link rel="import" href="../paper-radio-group/paper-radio-group.html">
<link rel="import" href="../paper-radio-button/paper-radio-button.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {

anniesullie

Perf Regression Sheriffing

The perf regression sheriff tracks performance regressions in Chrome's continuous integration tests. Note that a new rotation has been created to ensure the builds and tests stay green, so the perf regression sheriff role is now entirely focused on performance.

Key Responsibilities

• Triage Regressions on the Perf Dashboard

anniesullie

Perf Bot Sheriffing

The perf bot sheriff is responsible for keeping the bots on the chromium.perf waterfall up and running, and triaging performance test failures and flakes.

Key Responsibilities

• Keeping the chromium.perf waterfall green
  • Handling Test Failures
• Handling Device and Bot Failures