\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",[98],"permalink","https://www.val.town/x/stevekrouse/grievingYellowAsp/code/main.tsx","extension","actionData","errors"]