Rick Viscomi rviscomi

## js-library-ranking-histogram.py
from collections import defaultdict
import json

""" https://bigquery.cloud.google.com/savedquery/226352634162:ae7566b78dff4e8baf64aae5fdfa33c0
SELECT
  libs.name AS library,
  INTEGER(FLOOR(pages.rank / 1000) * 1000) AS bucket,
  COUNT(0) AS volume
FROM
  (SELECT url, lib.name AS name FROM httparchive:scratchspace.2017_04_15_js_libs WHERE lib.name IN ('jQuery', 'Google Maps', 'Bootstrap', 'Modernizr', 'Polymer', 'Angular', 'AngularJS', 'React')) AS libs JOIN

## HA pages.js
/* Generated by:
SELECT
  SUBSTR(CONCAT('20', _TABLE_SUFFIX), 0, 10) AS date,
  CASE
    WHEN ENDS_WITH(_TABLE_SUFFIX, 'mobile') THEN 'mobile'
    ELSE 'desktop'
  END AS client
FROM
  `httparchive.runs.20*`
WHERE

## HA Histogram.js
// getHistogramQuery('bytesJS', '2017_05_15')
getHistogramQuery = (metric, date) => `SELECT
  *
FROM
(
SELECT
  'desktop' AS client,
  volume,
  bin,
  pdf,

## meetup-raffle.js
$('#rsvp-list li').eq(Math.floor(Math.random()*149)+1).find('a').text()

## scrape-meetups.js
meetups = Array.from(document.querySelectorAll('.gridList-item')).map(i => {
    name = i.querySelector('a span').innerText;
    where = i.querySelector('span a').innerText;
    members = parseInt(i.querySelector('.text--secondary').innerText.match(/([\d\,]+)/)[0].replace(',', ''));
    return {name, members, where};
})

## wappalyzerbigquery.js
var wappalyzer = getWappalyzer();

function run() {
    for (name in wappalyzer.apps) {
        const app = wappalyzer.apps[name];
        app.name = name;
        app.categories = app.cats.map(c => {
            return wappalyzer.categories[c].name;
        });
        app.implies = getImplications(app);

## WordPress VIP Workshop: The State of Performance in the WordPress Ecosystem
https://www.slideshare.net/jrvis/the-state-of-performance-in-the-wordpress-ecosystem

## multi <--> single
concat = q => q.split('\n').map(l => `"${l}"`).join('+\n');
multi = q => q.split('\n').map(l => l.replace(/(^"|"\+$)/g, '')).join('\n');

## emptyrecipe.html
<script type="application/ld+json">
[
{
  "@context": "http://schema.org/",
  "@type": "Event"
},
{
  "@context": "http://schema.org/",
  "@type": "Recipe"
}

## CrashCourseInCrUX.md

      
        
          
            
              
              1 file
            
          
          
            
              
              1 fork
            
          
          
            
              
              0 comments
            
          
          
            
              
              12 stars
            
          
        
        
          
              
          
          
            
                rviscomi
                / CrashCourseInCrUX.md
            
            
              Last active
              May 7, 2019 10:52
            
              
                "Crash Course in CrUX" for the PerfMatters conference, April 2019
              
          
        
      
        
  
      
    Crash Course in CrUX

CrUX is the Chrome UX Report from Google. This crash course will take you through everything you need to get the most out of the data.
1. Official Docs

https://developers.google.com/web/tools/chrome-user-experience-report/
2. Guides on web.dev
	from collections import defaultdict
	import json

	""" https://bigquery.cloud.google.com/savedquery/226352634162:ae7566b78dff4e8baf64aae5fdfa33c0
	SELECT
	libs.name AS library,
	INTEGER(FLOOR(pages.rank / 1000) * 1000) AS bucket,
	COUNT(0) AS volume
	FROM
	(SELECT url, lib.name AS name FROM httparchive:scratchspace.2017_04_15_js_libs WHERE lib.name IN ('jQuery', 'Google Maps', 'Bootstrap', 'Modernizr', 'Polymer', 'Angular', 'AngularJS', 'React')) AS libs JOIN
	/* Generated by:
	SELECT
	SUBSTR(CONCAT('20', _TABLE_SUFFIX), 0, 10) AS date,
	CASE
	WHEN ENDS_WITH(_TABLE_SUFFIX, 'mobile') THEN 'mobile'
	ELSE 'desktop'
	END AS client
	FROM
	`httparchive.runs.20*`
	WHERE
	// getHistogramQuery('bytesJS', '2017_05_15')
	getHistogramQuery = (metric, date) => `SELECT
	*
	FROM
	(
	SELECT
	'desktop' AS client,
	volume,
	bin,
	pdf,
	meetups = Array.from(document.querySelectorAll('.gridList-item')).map(i => {
	name = i.querySelector('a span').innerText;
	where = i.querySelector('span a').innerText;
	members = parseInt(i.querySelector('.text--secondary').innerText.match(/([\d\,]+)/)[0].replace(',', ''));
	return {name, members, where};
	})
	var wappalyzer = getWappalyzer();

	function run() {
	for (name in wappalyzer.apps) {
	const app = wappalyzer.apps[name];
	app.name = name;
	app.categories = app.cats.map(c => {
	return wappalyzer.categories[c].name;
	});
	app.implies = getImplications(app);
	concat = q => q.split('\n').map(l => `"${l}"`).join('+\n');
	multi = q => q.split('\n').map(l => l.replace(/(^"\|"\+$)/g, '')).join('\n');
	<script type="application/ld+json">
	[
	{
	"@context": "http://schema.org/",
	"@type": "Event"
	},
	{
	"@context": "http://schema.org/",
	"@type": "Recipe"
	}