connorjclark

"treemap-data": {
  "id": "treemap-data",
  "title": "Treemap Data",
  "description": "Used for treemap visualization.",
  "score": null,
  "scoreDisplayMode": "informative",
  "details": {
    "type": "debugdata",
    "treemapData": {
      "scripts": [

connorjclark

// git rev-list master~1000..master | xargs -n1 -I{} sh -c 'git checkout --quiet {} && yarn i18n:collect-strings > /dev/null && git rev-parse HEAD && node ~/tmp/count/count-strings-i18n.js'
// https://github.com/GoogleChrome/lighthouse/pull/11149

'use strict';

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

/** @typedef {import('../../lib/i18n/locales.js').LhlMessages} LhlMessages */

connorjclark

Code Snippets

Table Of Contents

• By Category
  • Working Solutions
  • Code Challenges
  • Computer Science
  • Node.js / Express
• SQL

connorjclark

@babel/preset-env: `DEBUG` option

Using targets:
{
  "android": "61",
  "chrome": "61",
  "edge": "16",
  "firefox": "60",
  "ios": "10.3",
  "opera": "48",

connorjclark

// @ts-nocheck
/* eslint-disable */

class MyTestClass {};
async function reg(...args) {
  await 1;
  for (let i = 0; i < 10; i++) await 2;
  await 3;
}

connorjclark

import { ChildProcess, spawn } from 'child_process';
import * as puppeteer from 'puppeteer';

const DEBUG = Boolean(process.env.DEBUG);
const CI = Boolean(process.env.CI);
const QUERY = Boolean(process.env.QUERY);

jest.setTimeout((QUERY ? 200 : 100) * 1000);

interface MemorySample {

connorjclark

Results

name	url	mean	mean Δ
performance	https://www.partypoker.com/	33.8 -> 48.6	14.8
performance	https://www.vevo.com/	17.6 -> 30.8	13.2
performance	https://www.ebs.in/IPS/	12.4 -> 25.4	13
performance	https://www.ifeng.com/	37.2 -> 49.4	12.2
performance	https://www.thefreedictionary.com/	29.2 -> 38.2	9
performance	https://www.tianya.cn/m/	29.8 -> 38.4	8.6

connorjclark

Match author styles (not UA or user styles) for an element: https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/css/resolver/style_resolver.cc;l=681;drc=28442cacc3be1a7d05a898aba663025a143095ac?originalUrl=https:%2F%2Fcs.chromium.org%2F

... 2 call stack frames away from ...

Collect the rules for an element: https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/css/element_rule_collector.cc;drc=28442cacc3be1a7d05a898aba663025a143095ac;bpv=0;bpt=1;l=207?originalUrl=https:%2F%2Fcs.chromium.org%2F

... which calls this a few times for different matching scenarios ...

Collect matching rules: https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/css/element_rule_collector.cc;l=133;drc=28442cacc3be1a7d05a898aba663025a143095ac?originalUrl=https:%2F%2Fcs.chromium.org%2F

connorjclark

[
  {
    "name": "performance",
    "url": "https://www.teami.io/",
    "mean": "13.2 -> 35.4",
    "mean Δ": 22.2
  },
  {
    "name": "performance",
    "url": "https://tto.koser.us/",

connorjclark

Direct Audit

This recipe is for advanced usages of Lighthouse as a Node library.

Normally, Lighthouse runs Chrome and generates a set of artifacts to use as input to many core modules (such as audits or computed artifacts). You can use these modules directly, but you must provide the inputs yourself.