Ethan Gardner ethangardner

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Beware of `<script async defer>` blocking HTML `"load"` event

2015.10.07 t

On the importance of simulated latency testing, and bulletproofing your page from the third-party JS load failures

TL;DR

Install Elasticsearch on Laravel Homestead

Install Java

sudo apt-get install openjdk-7-jre-headless -y

Download & install the Public Signing Key

wget -qO - http://packages.elasticsearch.org/GPG-KEY-elasticsearch | sudo apt-key add -

My Vim-related gists

Long-form

`<script> async, defer, async defer, module, nomodule, src, inline` - the cheat sheet

This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.

If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!

Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)

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/

	#!/bin/bash
	echo 'Zipping folders for save function'
	zip -r Save.zip node_modules save.js
	echo 'Zipped... uploading to AWS'
	aws lambda update-function-code --region us-east-1 --function-name saveEmailSubscriptor --zip-file fileb://./Save.zip --profile your-profile

	echo 'Zipping folders for list function'
	zip -r List.zip node_modules list.js
	echo 'Zipped... uploading to AWS'
	aws lambda update-function-code --region us-east-1 --function-name listEmailSubscriptors --zip-file fileb://./List.zip --profile your-profile

	<?php
	/* Instant Articles (https://wordpress.org/plugins/fb-instant-articles/) - Use post excerpt as subtitle */
	add_filter( 'instant_articles_subtitle', 'hf_instant_articles_subtitle' );
	function hf_instant_articles_subtitle( $subtitle ) {
	$excerpt = get_the_excerpt();
	if ( trim($excerpt)!='' ) $subtitle = trim($excerpt);
	return $subtitle;
	}

	# https://discuss.httparchive.org/t/how-many-text-files-are-not-served-with-gzip/1092
	#
	# https://bigquery.cloud.google.com/table/httparchive:runs.2017_10_15_requests
	#
	# Browse encoding and MIME type for 10 random requests.

	#standardSQL
	SELECT
	resp_content_encoding,
	mimeType,

	SELECT
	first_sessions.sid AS sessionId,
	visitorId,
	first_transactions.transactionId AS transactionId,
	timestamp,
	deviceCategory,
	landingPage,
	pageviews,
	timeOnSite,
	channel,