Edward Fox edwardkenfox

前提

Repro Boosterという製品を通して、サードパーティとしてサイト高速化の機能を提供しており、その一環として Speculative Rules を使って Prerender を実施しています。サードパーティとして提供するにあたり、通常とは異なる使い方をしている点もあるとは思いますが、ここではサービスの詳細な説明は省きます。

FB1. Active/Usableな Prerender Cache の件数について

<script type="speculativerules"> はDOM上に10件までという制限があり、これを超えて挿入しても Prerender はトリガーされない仕様かと思います。DOMに存在する <script type="speculativerules"> を削除すれば、追加分の Prerender を発火させることはできますが、そうすると削除された rule によってトリガーされた Prerender Cache は stale となってしまっています。

単一のページにおいて10件以上の Prerender を発火すること自体がアンチパターンと言えるかもしれませんが、Prerender時の img[loading=lazy] にも対応したとのことで、適切なページで使えば Prerender 1回あたりの端末側のネットワークおよびCPUコストは十分に抑えられると考えています。ページあたり10件の制約をもう少し緩和できると嬉しいです。

	/**
	* V8 Code Cache Benchmark with Chrome Tracing
	*
	* This script uses Chrome DevTools Protocol to capture V8 compile traces
	* and measure the actual compile time differences between cache states.
	*
	* Usage:
	* npm install puppeteer
	* node benchmark-with-tracing.js
	*/

	# frozen_string_literal: true

	source "https://rubygems.org"

	# gem "rails"
	gem "faraday"

	# frozen_string_literal: true

	source "https://rubygems.org"

	git_source(:github) {\|repo_name\| "https://github.com/#{repo_name}" }

	# gem "rails"
	gem "pry"
	gem "nokogiri"

	class Tree
	attr_accessor :root

	def initialize(root)
	@root = root
	end

	def insert(parent, left, right)
	parent.left = left
	parent.right = right

	const obj = (() => {
	const privateName = Symbol('privateName')
	return {
	[privateName]() {
	return 'Foo'
	},
	publicName() {
	return `${this[privateName]()} Bar`
	}
	}

	tm () {
	terminal-notifier -title 'Task completed' -message 'All done, sir!' \| say Task completed
	}

	require "slack"
	require 'open-uri'

	YOUR_SLACK_APP_OAUTH_TOKEN = ENV['YOUR_SLACK_APP_OAUTH_TOKEN']

	Slack.configure do \|config\|
	config.token = YOUR_SLACK_APP_OAUTH_TOKEN
	end

	members = Slack.users_list["members"].select { \|m\| !m["deleted"] }

	<!DOCTYPE html>
	<html lang="en">
	<head>
	</head>
	<body>
	<div class="switch-container">
	<input type="checkbox" id="switch">
	<label class="switch-area" for="switch">
	<div class="off"><span class="off-span">OFF</span></div>
	<div class="on"><span class="on-span">ON</span></div>