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

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

<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

/**
 * 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

/**
 * 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

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 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

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

for (let node of document.getElementById('record-info').children) {
    if (node.id != 'badge-progress' && node.tagName != 'H1') {
        node.style.display = 'none';
    }
}
for (let footer of document.getElementsByTagName('footer')) {
    footer.style.display = 'none';
}
document.getElementById('record-image-metadata').style.display = 'none';
document.getElementsByTagName('header')[0].style.display = 'none';