dlockhart

Web Performance Presentation Notes

Resources

• Google Fundamentals: Performance
• RAIL Model
• Measuring the Performance Metrics that Most Affect User Experience
• Time to Interactive (TTI) Polyfill
• First Input Delay (FID) helper
• Staying off the Rocks: Using Lighthouse to Build Seaworthy Progressive Web Apps (Google I/O '17) (video)
• Speed Curve: User Timing and Custom Metrics

dlockhart

<dom-module id="foo-element">
	<template strip-whitespace>
		<style>
			:host {
				display: inline-block;
			}
		</style>
		<button>foo</button>
	</template>
	<script>

dlockhart

(function() {
var proto = Object.create(HTMLElement.prototype);
proto.createdCallback = function() {
	var tmpl = document.createElement('template');
	tmpl.innerHTML = '<style>p {color:red; display: block;}</style><p><b>Foo</b> <content></content></p>';
	this.createShadowRoot()
		.appendChild(document.importNode(tmpl.content, true));
};
proto.attachedCallback = function() {
	return 'a';

dlockhart

ICU Message Syntax at D2L

At D2L, we use the ICU Message Syntax to help express the subtleties of spelling, grammar and conjugation inherent in each language.

The following sections describe the different features of ICU Message Syntax.

Basic Principles

In its simplest form, each message is a plain piece of text, like this: