kristoferbaxter

A modest multikey caching proposal. 

Allow the page to set valid hosts which share the same cache entry for resources. A request to foo.bar/baz is also cached for foo2.bar/baz.

Limitations to multikey caching: Only urls from the same root domain can be used. A request to the browser to specify foo.bar/baz is the same as www.google.com/baz would not be allowed. In this example, www.google.com/baz and www2.google.com/baz would work.

Format consists of a few pieces.
1. Meta tag in markup defining what Wildcard pattern to iterate over. This can be a comma separated list, or include a regular expression.
2. Each request from the browser in a multikey request includes a specific header stating the host pattern of the document including this asset.
3. Responses much have the exact key match as the host document.

kristoferbaxter

Differential builds per browser

application.js

Compression	Chrome	Safari	Edge	Firefox	Fallback
None	22,445 (56.0%)	23,123	26,003	22,103	51,106
Zopfli (i25)	8,282 (50.6%)	8,538	9,296	8,191	16,766
Brotli (q11)	7,640 (54.4%)			7,573

application.css

kristoferbaxter

export class MyComponent extends React.Component {
  componentWillMount() {
    const styleid = 'MyComponentStyles'
    if (document.head.querySelector(`#${styleid}`) !== null) {
      const styles = document.createElement('style');
      styles.id = styleid;
      styles.append('[foo]{ color: blue; }');
      document.head.appendChild(styles);
    }
  }

kristoferbaxter

[{"pid":1001,"tid":775,"ts":152805843143,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":36,"tdur":34,"tts":4860132086},
{"pid":1001,"tid":775,"ts":152805843206,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":8,"tdur":8,"tts":4860132148},
{"pid":1001,"tid":775,"ts":152805843233,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":7,"tdur":7,"tts":4860132174},
{"pid":1001,"tid":775,"ts":152805843260,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":10,"tdur":10,"tts":4860132202},
{"pid":1001,"tid":775,"ts":152805843294,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func"

kristoferbaxter

[{"pid":1001,"tid":775,"ts":152949272212,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":25,"tdur":24,"tts":4864053251},
{"pid":1001,"tid":775,"ts":152949272262,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":9,"tdur":7,"tts":4864053301},
{"pid":1001,"tid":775,"ts":152949272292,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":9,"tdur":8,"tts":4864053330},
{"pid":1001,"tid":775,"ts":152949272322,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":9,"tdur":7,"tts":4864053361},
{"pid":1001,"tid":775,"ts":152949272351,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"

kristoferbaxter

import React from "react";
import { Location } from "@reach/router";

let scrollPositions = {};

class ManageScrollImpl extends React.Component {
  componentWillUnmount() {
    scrollPositions[this.props.location.key] = window.scrollY;
  }

kristoferbaxter

{
  "name": "thing",
  "version": "0.0.1",
  "description": "Thing",
  "main": "dist/media/base.js",
  "author": "Kristofer Baxter",
  "license": "Apache-2.0",
  "scripts": {
    "clean": "rimraf dist/*",
    "type-css": "tcm src -s",

kristoferbaxter

var app = (function () {
  'use strict';

  function noop() { }
  function run(fn) {
      return fn();
  }
  function blank_object() {
      return Object.create(null);
  }

kristoferbaxter

'use strict';
let xa = {en:"English", ja:"\u65e5\u672c\u8a9e Japanese BETA", ru:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439 Russian BETA", "ru-RU":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439 Russian BETA", "en-AU":"English (Australia)", "en-CA":"English (Canada)", "en-IE":"English (Ireland)", "en-IN":"English (India)", "en-NZ":"English (New Zealand)", "en-PH":"English (Philippines)", "en-ZA":"English (South Africa)", "en-GB":"English (UK)", "en-US":"English (US)"};
"en-AU en-CA en-IE en-IN en-NZ en-PH en-ZA en-GB en-US ja ru-RU".split(" ").reduce((g, q) => {
  g[q] = xa[q];
  return g;
}, {});
var ya = "object" == typeof self && self && self.Object === Object && self, F = "object" == typeof global && global && global.Object === Object && global || ya || Function("return this")(), L = F.Symbol, za = Object.prototype, hasOwnProperty = za.hasOwnProperty, Aa = za.toString, U = L ? L.toStringTag : void 0, Ba = Object.prototype.toString, Xa = L ? L.toStringTag : void 0;
function Ya(g) {
  var q = typeof g;
  return

kristoferbaxter

cpu:                                                            
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
                       Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz, 4400 MHz
keyboard: