Sample insertion

Benchmark created on July 12, 2023

Setup

function measureBox(content) {
	const box = document.createElement('div');
	box.textContent = content;
	document.body.appendChild(box);
	
	const height = box.getBoundingClientRect().height;
	document.body.removeChild(box);
	return height;
}

const lazyMeasureBox = createLazyMeasureBox();

function createLazyMeasureBox() {
	let boxRef;
	
	return (content) => {
		if (!boxRef) {
			boxRef = document.createElement('div');
			document.body.appendChild(boxRef);
			
			setTimeout(() => {
			if (boxRef) {
				document.body.removeChild(boxRef);
				boxRef = null;
			}
		});
		}
		
		boxRef.textContent = content;
		const height = boxRef.getBoundingClientRect().height;
		return height;
	}
}

Test runner

measureBox('Sample Text');

lazyMeasureBox('Sample Text');

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published on July 12, 2023