[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_162":163,"_164":165},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_19":20,"_17":18,"_122":-5,"_21":123,"_23":124,"_125":126,"_127":128,"_27":129,"_25":130,"_131":-5,"_132":-5,"_133":42,"_134":135,"_136":63,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","stevekrouse","name","perf","branchName","main","version",20,"path","main.tsx","project",{"_33":68,"_13":14,"_43":69,"_70":-5,"_71":63,"_72":73,"_74":73,"_75":-5,"_76":-5,"_77":78,"_79":36,"_80":63,"_81":-5,"_82":-5,"_83":62,"_84":85,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_99":100,"_101":102,"_103":104,"_105":42},"tree",[53,54],"file",{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":42,"_51":-5,"_19":52},"contents",[],"upstream","pull","ahead","behind","id","615f981c-25f0-11f0-ad23-569c3dd06744","fileId","611730b8-25f0-11f0-ad23-569c3dd06744","parentId","branchId","611548ac-25f0-11f0-ad23-569c3dd06744","branchVersion","latest",false,"createdAt",["D",1721249331251],19,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport pLimit from \"https://esm.sh/p-limit\";\nimport React, { useCallback, useState } from \"https://esm.sh/react\";\nimport { hydrateRoot } from \"https://esm.sh/react-dom/client\";\nimport { renderToReadableStream } from \"https://esm.sh/react-dom/server\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\n\n// Utility functions\nconst performSingleRequest = async (url) => {\n const start = performance.now();\n try {\n await fetch(url);\n const end = performance.now();\n return end - start;\n } catch (error) {\n console.error(\"Error fetching URL:\", error);\n return null;\n }\n};\n\nconst performRequests = async (url, count, concurrency, onProgress) => {\n const limit = pLimit(concurrency);\n const tasks = Array(count).fill().map(() => limit(() => performSingleRequest(url)));\n const results = [];\n\n for (const task of tasks) {\n const result = await task;\n if (result !== null) {\n results.push(result);\n onProgress(results);\n }\n }\n\n return results;\n};\n\nconst calculateStats = (times) => {\n if (times.length === 0) {\n return { average: 0, lowest: 0, highest: 0 };\n }\n return {\n average: times.reduce((a, b) => a + b, 0) / times.length,\n lowest: Math.min(...times),\n highest: Math.max(...times),\n };\n};\n\n// Helper function to safely format numbers\nconst safeToFixed = (number, decimalPlaces) => {\n return number !== undefined && number !== null\n ? Number(number).toFixed(decimalPlaces)\n : \"N/A\";\n};\n\n// React components\nconst TestForm = ({ onSubmit, isLoading }) => {\n const [url, setUrl] = useState(\"https://dateme.directory\");\n const [numRequests, setNumRequests] = useState(5);\n const [prewarmRequests, setPrewarmRequests] = useState(10);\n const [concurrency, setConcurrency] = useState(2);\n\n const handleSubmit = (e) => {\n e.preventDefault();\n onSubmit({ url, numRequests, prewarmRequests, concurrency });\n };\n\n return (\n

\n Website URL\n setUrl(e.target.value)}\n placeholder=\"https://example.com\"\n className=\"w-full p-2 border border-gray-300 rounded-md\"\n />\n

\n \n Number of Requests\n \n setNumRequests(parseInt(e.target.value))}\n min=\"1\"\n className=\"w-full p-2 border border-gray-300 rounded-md\"\n />\n

\n \n Pre-Warm Requests\n \n setPrewarmRequests(parseInt(e.target.value))}\n min=\"0\"\n className=\"w-full p-2 border border-gray-300 rounded-md text-sm\"\n />\n

\n \n Concurrency\n \n setConcurrency(parseInt(e.target.value))}\n min=\"1\"\n className=\"w-full p-2 border border-gray-300 rounded-md text-sm\"\n />\n

\n \n {isLoading ? \"Testing...\" : \"Launch Test\"}\n \n \n );\n};\n\nconst TestProgress = ({ currentTest }) => {\n if (!currentTest) return null;\n\n const { stage, completedRequests, totalRequests, stats, times } = currentTest;\n\n return (\n

\n Current Test: {currentTest.url}\n

\n {stage === \"prewarming\"\n ? (\n

Pre-warming

\n {completedRequests} / {totalRequests} requests\n

\n )\n : (\n <>\n

Average

{safeToFixed(stats.average, 2)} ms

Lowest

{safeToFixed(stats.lowest, 2)} ms

Highest

{safeToFixed(stats.highest, 2)} ms

\n Progress: {completedRequests} / {totalRequests} requests\n

\n {times.map((time, index) =>

Request {index + 1}: {safeToFixed(time, 2)} ms

)}\n

\n \n )}\n

\n );\n};\n\nconst TestResults = ({ results }) => (\n

\n {results.map((result, index) => (\n

{result.url}

Average

{safeToFixed(result.stats.average, 2)} ms

Lowest

{safeToFixed(result.stats.lowest, 2)} ms

Highest

{safeToFixed(result.stats.highest, 2)} ms

\n Tested at: {result.timestamp} | Pre-warm: {result.prewarmRequests} | Requests: {result.numRequests}{\" \"}\n | Concurrency: {result.concurrency}\n

\n {result.times.map((time, index) =>

Request {index + 1}: {safeToFixed(time, 2)} ms

)}\n

\n ))}\n

\n);\n\nconst PerformanceTester = () => {\n const [results, setResults] = useState([]);\n const [currentTest, setCurrentTest] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n\n const runTest = useCallback(async ({ url, numRequests, prewarmRequests, concurrency }) => {\n setIsLoading(true);\n setCurrentTest({ url, stage: \"prewarming\", completedRequests: 0, totalRequests: prewarmRequests });\n\n // Pre-warm requests\n await performRequests(url, prewarmRequests, concurrency, (times) => {\n setCurrentTest(prev => ({ ...prev, completedRequests: times.length }));\n });\n\n // Actual test requests\n setCurrentTest({ url, stage: \"testing\", completedRequests: 0, totalRequests: numRequests, times: [], stats: {} });\n const times = await performRequests(url, numRequests, concurrency, (times) => {\n const stats = calculateStats(times);\n setCurrentTest(prev => ({\n ...prev,\n completedRequests: times.length,\n times,\n stats,\n }));\n });\n\n const finalStats = calculateStats(times);\n setResults(prev => [\n {\n url,\n stats: finalStats,\n timestamp: new Date().toLocaleString(),\n prewarmRequests,\n numRequests,\n concurrency,\n times,\n },\n ...prev,\n ]);\n setIsLoading(false);\n setCurrentTest(null);\n }, []);\n\n return (\n \n \n \n \n Website Performance Tester\n \n \n \n

\n Website Performance Tester\n

View source code on Val Town

\n \n

\n \n \n

\n \n \n );\n};\n\nconst App = () => ;\n\nif (typeof document !== \"undefined\") {\n hydrateRoot(document, );\n}\n\nexport default async function(req: Request): Promise {\n const stream = await renderToReadableStream(, { bootstrapModules: [import.meta.url] });\n return new Response(stream, { headers: { \"content-type\": \"text/html\" } });\n}\n","deleted","label",[20],{"_33":59,"_13":60,"_35":61,"_37":-5,"_38":39,"_40":62,"_41":63,"_43":64,"_17":65,"_46":25,"_48":-5,"_50":42,"_51":-5,"_56":66,"_19":67},{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":42,"_51":-5,"_56":57,"_19":58},["D",1721249331251],"children",[],[20],"611735b8-25f0-11f0-ad23-569c3dd06744","README.md","61173630-25f0-11f0-ad23-569c3dd06744",1,true,["D",1721237277461],0,[],[60],"6115057c-25f0-11f0-ad23-569c3dd06744",["D",1746037479961],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_121":117},"org",{"_11":12,"_115":-5,"_116":117,"_77":78,"_118":119,"_120":42},"branch",{"_17":106,"_13":16,"_33":39,"_107":68,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",21,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":68,"_13":14,"_43":158,"_70":-5,"_71":63,"_72":73,"_74":73,"_75":-5,"_76":-5,"_77":78,"_79":36,"_80":63,"_81":-5,"_82":-5,"_83":62,"_84":85,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_99":159,"_101":160,"_103":161,"_105":42},[152,153],"files",[152,153],"counts",{"_142":65,"_143":65,"_144":65,"_145":146,"_147":148},[],{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":42,"_51":-5,"_19":141},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[20],"pulls","branches","forks","envVars",{"_149":65,"_151":65},"connections",{"_149":65,"_150":65},"count","unfilledCount","emptyCount",{"_33":59,"_13":60,"_35":61,"_37":-5,"_38":39,"_40":62,"_41":63,"_43":64,"_17":65,"_46":25,"_48":-5,"_50":42,"_51":-5,"_56":156,"_19":157},{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":42,"_51":-5,"_56":154,"_19":155},[],[20],[],[60],["D",1746037479961],{"_11":12,"_121":117},{"_11":12,"_115":-5,"_116":117,"_77":78,"_118":119,"_120":42},{"_17":106,"_13":16,"_33":39,"_107":68,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_99":-5,"_195":196,"_138":197,"_198":199,"_200":201,"_202":42,"_203":42,"_204":42,"_205":63,"_206":-5,"_207":-7,"_208":-7,"_209":65,"_210":42,"_211":42,"_212":-5},"ENV",{"_166":167,"_168":169,"_170":16,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c5bd63b0be2c22e809085ef2641a17dfb9a8e10c","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","aiChatModels",[213,214,215,216,217],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_218":242,"_51":243,"_221":244,"_75":245,"_224":63,"_225":63,"_226":227,"_228":63},{"_218":237,"_51":238,"_221":239,"_75":240,"_224":63,"_225":42,"_226":241,"_228":42},{"_218":233,"_51":234,"_221":235,"_75":236,"_224":63,"_225":63,"_226":227,"_228":42},{"_218":229,"_51":230,"_221":231,"_75":232,"_224":63,"_225":63,"_226":227,"_228":42},{"_218":219,"_51":220,"_221":222,"_75":223,"_224":63,"_225":63,"_226":227,"_228":42},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]