paulirish

// Log all DOM mutations to console.

// Modern interpretation of https://github.com/kdzwinel/DOMListenerExtension

observer = new MutationObserver(onMutation);
observerSettings = {
  subtree: true,
  childList: true,
  attributes: true,
  attributeOldValue: true,

paulirish

/**
 * To use:
 * Export a Recording panel recording as JSON. Run this:
 *    node generate-pptr-lh-script-from-json.mjs yourjson.json
 * It'll save a `yourjson.json.pptr.js`
 *   That script is dependent on:
 *      lighthouse@9.5.0-dev.20221024
 *      puppeteer@19.4.1
 * Run that script. It'll save a `flow.report.html`. View that. 
 *   It's one of these: https://web.dev/lighthouse-user-flows/

paulirish

// this is pretty quick and rough.. but it works
// script.google.com
// settings to allow editing the appscript.json
// set these two files
// then hit Run with function 'run'


const all = {};

function run() {

paulirish

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

paulirish

'use strict';

import fs from 'fs';
import puppeteer from 'puppeteer';

import {navigation} from 'lighthouse/lighthouse-core/fraggle-rock/api.js';

// Run Lighthouse headlessly, just Performance
(async function() {
  const browser = await puppeteer.launch({headless: true});

paulirish

// works great on about:dino

// 1. save this file to your snippets.
// 2. load about:dino
// 3. evaluate the snippet
// 4. hit up arrow to trigger the game.
// 5. profit

(function() {
  perfnow = performance.now;

paulirish

document.body.innerHTML = 'Paste or drop items onto this page. View results in console.';


function getPayload(item) {
  const kind = item.kind;
  switch (kind) {
    case 'string': return new Promise(res => item.getAsString(res));
    case 'file': return Promise.resolve(item.getAsFile());
    default: throw new Error('unknown item kind! ' + kind);  
  }    

paulirish

'use strict';

/* eslint-disable */

const fs = require('fs');
const path = require('path');

const ReportGenerator = require('../../lighthouse-core/report/report-generator');

const jsonPath = __dirname + '/../_json/';

paulirish

// Expected Queueing Time
// https://docs.google.com/document/d/1Vgu7-R84Ym3lbfTRi98vpdspRr1UwORB4UV-p9K1FF0/edit
// Initial impl by Nicolás Peña (npm), Tim Dresser (tdresser)

// Usage:
//     var eqt = EQT.begin();
//     // ...
//     const {expectedQueueingTime} = EQT.end();
class EQT {
  constructor() {

paulirish

document.body.innerHTML = 'Paste or drop items onto this page. View results in console.';


function getPayload(item) {
  const kind = item.kind;
  switch (kind) {
    case 'string': return new Promise(res => item.getAsString(res));
    case 'file': return Promise.resolve(item.getAsFile());
    default: throw new Error('unknown item kind! ' + kind);  
  }