static test

loads "card" from static data, serve with serve.py and test htmx and svelte-build

counter test

use in console from htmx/count.html or svelte-build/count.html

(async rounds => {
  const sleep = () => new Promise(resolve => setTimeout(resolve));

  const check = async () => {
    document.getElementById("nextbtn").click();
    await sleep();
  };

  const t0 = performance.now();
  for (let i = 0; i < rounds; i++) await check();
  const t1 = performance.now();
  console.log(`took ${t1 - t0} milliseconds`);
})(1000);

results from m2 mac mini:

CHROME:

article loader

svelte: 5169ms (subseq iters - 5402ms, 5491ms, 5552ms)
htmx: 5078ms (subseq iters - 5510ms, 5542ms, 5588ms)


counter test

svelte: 5160 ms
htmx: 5319 ms

FIREFOX:

article loader

svelte: 5819ms (subseq iters - 8753ms, 13350ms, 17690ms)
htmx: 5038ms (subseq iters - 5158ms, 5292ms, 5475ms)

couter test

svelte: 5274 ms
htmx: 4979ms


SAFARI:

counter test

svelte: 4606ms
htmx: 4487ms

article loader

svelte: 4639ms (subseq iters - 4567ms, 4518ms, 4524ms)
htmx: 4384ms (subseq iters - 4347ms, 4325ms, 4257ms) 

bundle sizes:

 16K	svelte-build//_app/immutable/nodes
 16K	svelte-build//_app/immutable/entry
 68K	svelte-build//_app/immutable/chunks
100K	svelte-build//_app/immutable
108K	svelte-build//_app
120K	svelte-build/

 56K	htmx/