diff --git a/packages/docs/src/components/ClientSideRenderedCharts.astro b/packages/docs/src/components/ClientSideRenderedCharts.astro deleted file mode 100644 index 05d368396..000000000 --- a/packages/docs/src/components/ClientSideRenderedCharts.astro +++ /dev/null @@ -1,9 +0,0 @@ ---- -import ClientSideRenderedFPChart from './ClientSideRenderedFPChart.astro' -import ClientSideRenderedFCPChart from './ClientSideRenderedFCPChart.astro' -import RenderedInteractionCharts from './RenderedInteractionCharts.astro' ---- - - - - diff --git a/packages/docs/src/components/FrameworkClientRenderedVersionCharts.astro b/packages/docs/src/components/FrameworkClientRenderedVersionCharts.astro deleted file mode 100644 index cc868e90c..000000000 --- a/packages/docs/src/components/FrameworkClientRenderedVersionCharts.astro +++ /dev/null @@ -1,32 +0,0 @@ ---- -import type { ChartMeasurement } from '../lib/types' -import { - prepareClientSideRenderedTestsFcpMsHistory, - prepareClientSideRenderedTestsFirstPaintMsHistory, - prepareClientSideRenderedTestsInteractionHistory, -} from '../lib/prepare-chart' -import VersionLineChart from './VersionLineChart.astro' -import InteractionHistoryChart from './InteractionHistoryChart.astro' - -interface Props { - versions: ChartMeasurement[] -} - -const { versions } = Astro.props - -const interactionData = - prepareClientSideRenderedTestsInteractionHistory(versions) ---- - - - -{ - interactionData.length > 0 ? ( - - ) : null -} diff --git a/packages/docs/src/components/FrameworkServerRenderedVersionCharts.astro b/packages/docs/src/components/FrameworkServerRenderedVersionCharts.astro deleted file mode 100644 index 3b982af16..000000000 --- a/packages/docs/src/components/FrameworkServerRenderedVersionCharts.astro +++ /dev/null @@ -1,32 +0,0 @@ ---- -import type { ChartMeasurement } from '../lib/types' -import { - prepareServerSideRenderedTestsFcpMsHistory, - prepareServerSideRenderedTestsFirstPaintMsHistory, - prepareServerSideRenderedTestsInteractionHistory, -} from '../lib/prepare-chart' -import VersionLineChart from './VersionLineChart.astro' -import InteractionHistoryChart from './InteractionHistoryChart.astro' - -interface Props { - versions: ChartMeasurement[] -} - -const { versions } = Astro.props - -const interactionData = - prepareServerSideRenderedTestsInteractionHistory(versions) ---- - - - -{ - interactionData.length > 0 ? ( - - ) : null -} diff --git a/packages/docs/src/components/LighthouseClientSideRenderedCharts.astro b/packages/docs/src/components/LighthouseClientSideRenderedCharts.astro new file mode 100644 index 000000000..e68c17bc0 --- /dev/null +++ b/packages/docs/src/components/LighthouseClientSideRenderedCharts.astro @@ -0,0 +1,9 @@ +--- +import LighthouseClientSideRenderedFPChart from './LighthouseClientSideRenderedFPChart.astro' +import LighthouseClientSideRenderedFCPChart from './LighthouseClientSideRenderedFCPChart.astro' +import LighthouseRenderedInteractionCharts from './LighthouseRenderedInteractionCharts.astro' +--- + + + + diff --git a/packages/docs/src/components/ServerSideRenderedFCPChart.astro b/packages/docs/src/components/LighthouseClientSideRenderedFCPChart.astro similarity index 54% rename from packages/docs/src/components/ServerSideRenderedFCPChart.astro rename to packages/docs/src/components/LighthouseClientSideRenderedFCPChart.astro index a6462a729..e8b68fc1b 100644 --- a/packages/docs/src/components/ServerSideRenderedFCPChart.astro +++ b/packages/docs/src/components/LighthouseClientSideRenderedFCPChart.astro @@ -1,9 +1,9 @@ --- import { ssrRequestThroughputStats } from '../lib/prepare-chart' -import { prepareServerSideRenderedTestsFcpMsComparison } from '../lib/prepare-chart' +import { prepareLighthouseClientSideRenderedTestsFcpMsComparison } from '../lib/prepare-chart' import ComparisonBarChart from './ComparisonBarChart.astro' -const chart = prepareServerSideRenderedTestsFcpMsComparison( +const chart = prepareLighthouseClientSideRenderedTestsFcpMsComparison( ssrRequestThroughputStats, ) --- diff --git a/packages/docs/src/components/ClientSideRenderedFPChart.astro b/packages/docs/src/components/LighthouseClientSideRenderedFPChart.astro similarity index 52% rename from packages/docs/src/components/ClientSideRenderedFPChart.astro rename to packages/docs/src/components/LighthouseClientSideRenderedFPChart.astro index ffabfca43..f0232051c 100644 --- a/packages/docs/src/components/ClientSideRenderedFPChart.astro +++ b/packages/docs/src/components/LighthouseClientSideRenderedFPChart.astro @@ -1,9 +1,9 @@ --- import { ssrRequestThroughputStats } from '../lib/prepare-chart' -import { prepareClientSideRenderedTestsFirstPaintMsComparison } from '../lib/prepare-chart' +import { prepareLighthouseClientSideRenderedTestsFirstPaintMsComparison } from '../lib/prepare-chart' import ComparisonBarChart from './ComparisonBarChart.astro' -const chart = prepareClientSideRenderedTestsFirstPaintMsComparison( +const chart = prepareLighthouseClientSideRenderedTestsFirstPaintMsComparison( ssrRequestThroughputStats, ) --- diff --git a/packages/docs/src/components/ClientSideRenderedStatsTable.astro b/packages/docs/src/components/LighthouseClientSideRenderedStatsTable.astro similarity index 92% rename from packages/docs/src/components/ClientSideRenderedStatsTable.astro rename to packages/docs/src/components/LighthouseClientSideRenderedStatsTable.astro index 31e73abd7..00792f0f9 100644 --- a/packages/docs/src/components/ClientSideRenderedStatsTable.astro +++ b/packages/docs/src/components/LighthouseClientSideRenderedStatsTable.astro @@ -23,7 +23,7 @@ const columns = [ --- diff --git a/packages/docs/src/components/LighthouseFrameworkClientRenderedVersionCharts.astro b/packages/docs/src/components/LighthouseFrameworkClientRenderedVersionCharts.astro new file mode 100644 index 000000000..71e5f9f0f --- /dev/null +++ b/packages/docs/src/components/LighthouseFrameworkClientRenderedVersionCharts.astro @@ -0,0 +1,34 @@ +--- +import type { ChartMeasurement } from '../lib/types' +import { + prepareLighthouseClientSideRenderedTestsFcpMsHistory, + prepareLighthouseClientSideRenderedTestsFirstPaintMsHistory, + prepareLighthouseClientSideRenderedTestsInteractionHistory, +} from '../lib/prepare-chart' +import VersionLineChart from './VersionLineChart.astro' +import InteractionHistoryChart from './InteractionHistoryChart.astro' + +interface Props { + versions: ChartMeasurement[] +} + +const { versions } = Astro.props + +const interactionData = + prepareLighthouseClientSideRenderedTestsInteractionHistory(versions) +--- + + + +{ + interactionData.length > 0 ? ( + + ) : null +} diff --git a/packages/docs/src/components/LighthouseFrameworkServerRenderedVersionCharts.astro b/packages/docs/src/components/LighthouseFrameworkServerRenderedVersionCharts.astro new file mode 100644 index 000000000..c17764af9 --- /dev/null +++ b/packages/docs/src/components/LighthouseFrameworkServerRenderedVersionCharts.astro @@ -0,0 +1,34 @@ +--- +import type { ChartMeasurement } from '../lib/types' +import { + prepareLighthouseServerSideRenderedTestsFcpMsHistory, + prepareLighthouseServerSideRenderedTestsFirstPaintMsHistory, + prepareLighthouseServerSideRenderedTestsInteractionHistory, +} from '../lib/prepare-chart' +import VersionLineChart from './VersionLineChart.astro' +import InteractionHistoryChart from './InteractionHistoryChart.astro' + +interface Props { + versions: ChartMeasurement[] +} + +const { versions } = Astro.props + +const interactionData = + prepareLighthouseServerSideRenderedTestsInteractionHistory(versions) +--- + + + +{ + interactionData.length > 0 ? ( + + ) : null +} diff --git a/packages/docs/src/components/RenderedInteractionCharts.astro b/packages/docs/src/components/LighthouseRenderedInteractionCharts.astro similarity index 82% rename from packages/docs/src/components/RenderedInteractionCharts.astro rename to packages/docs/src/components/LighthouseRenderedInteractionCharts.astro index 17f36f66f..952d8ac81 100644 --- a/packages/docs/src/components/RenderedInteractionCharts.astro +++ b/packages/docs/src/components/LighthouseRenderedInteractionCharts.astro @@ -16,6 +16,9 @@ const data = getRenderedInteractionBreakdownData(testsKey).sort( { data.length > 0 ? ( - + ) : null } diff --git a/packages/docs/src/components/LighthouseServerSideRenderedCharts.astro b/packages/docs/src/components/LighthouseServerSideRenderedCharts.astro new file mode 100644 index 000000000..0d3a6cbe9 --- /dev/null +++ b/packages/docs/src/components/LighthouseServerSideRenderedCharts.astro @@ -0,0 +1,9 @@ +--- +import LighthouseServerSideRenderedFPChart from './LighthouseServerSideRenderedFPChart.astro' +import LighthouseServerSideRenderedFCPChart from './LighthouseServerSideRenderedFCPChart.astro' +import LighthouseRenderedInteractionCharts from './LighthouseRenderedInteractionCharts.astro' +--- + + + + diff --git a/packages/docs/src/components/ClientSideRenderedFCPChart.astro b/packages/docs/src/components/LighthouseServerSideRenderedFCPChart.astro similarity index 54% rename from packages/docs/src/components/ClientSideRenderedFCPChart.astro rename to packages/docs/src/components/LighthouseServerSideRenderedFCPChart.astro index ed62eeead..afcd6132d 100644 --- a/packages/docs/src/components/ClientSideRenderedFCPChart.astro +++ b/packages/docs/src/components/LighthouseServerSideRenderedFCPChart.astro @@ -1,9 +1,9 @@ --- import { ssrRequestThroughputStats } from '../lib/prepare-chart' -import { prepareClientSideRenderedTestsFcpMsComparison } from '../lib/prepare-chart' +import { prepareLighthouseServerSideRenderedTestsFcpMsComparison } from '../lib/prepare-chart' import ComparisonBarChart from './ComparisonBarChart.astro' -const chart = prepareClientSideRenderedTestsFcpMsComparison( +const chart = prepareLighthouseServerSideRenderedTestsFcpMsComparison( ssrRequestThroughputStats, ) --- diff --git a/packages/docs/src/components/ServerSideRenderedFPChart.astro b/packages/docs/src/components/LighthouseServerSideRenderedFPChart.astro similarity index 52% rename from packages/docs/src/components/ServerSideRenderedFPChart.astro rename to packages/docs/src/components/LighthouseServerSideRenderedFPChart.astro index 660194e23..760447abb 100644 --- a/packages/docs/src/components/ServerSideRenderedFPChart.astro +++ b/packages/docs/src/components/LighthouseServerSideRenderedFPChart.astro @@ -1,9 +1,9 @@ --- import { ssrRequestThroughputStats } from '../lib/prepare-chart' -import { prepareServerSideRenderedTestsFirstPaintMsComparison } from '../lib/prepare-chart' +import { prepareLighthouseServerSideRenderedTestsFirstPaintMsComparison } from '../lib/prepare-chart' import ComparisonBarChart from './ComparisonBarChart.astro' -const chart = prepareServerSideRenderedTestsFirstPaintMsComparison( +const chart = prepareLighthouseServerSideRenderedTestsFirstPaintMsComparison( ssrRequestThroughputStats, ) --- diff --git a/packages/docs/src/components/ServerSideRenderedStatsTable.astro b/packages/docs/src/components/LighthouseServerSideRenderedStatsTable.astro similarity index 92% rename from packages/docs/src/components/ServerSideRenderedStatsTable.astro rename to packages/docs/src/components/LighthouseServerSideRenderedStatsTable.astro index 76370e080..fd7ec8c9f 100644 --- a/packages/docs/src/components/ServerSideRenderedStatsTable.astro +++ b/packages/docs/src/components/LighthouseServerSideRenderedStatsTable.astro @@ -23,7 +23,7 @@ const columns = [ --- diff --git a/packages/docs/src/components/ServerSideRenderedCharts.astro b/packages/docs/src/components/ServerSideRenderedCharts.astro deleted file mode 100644 index 99bdc92cc..000000000 --- a/packages/docs/src/components/ServerSideRenderedCharts.astro +++ /dev/null @@ -1,9 +0,0 @@ ---- -import ServerSideRenderedFPChart from './ServerSideRenderedFPChart.astro' -import ServerSideRenderedFCPChart from './ServerSideRenderedFCPChart.astro' -import RenderedInteractionCharts from './RenderedInteractionCharts.astro' ---- - - - - diff --git a/packages/docs/src/components/benchmarks/client-side-rendered-tests/Compare.astro b/packages/docs/src/components/benchmarks/client-side-rendered-tests/Compare.astro deleted file mode 100644 index e9cd90a34..000000000 --- a/packages/docs/src/components/benchmarks/client-side-rendered-tests/Compare.astro +++ /dev/null @@ -1,10 +0,0 @@ ---- -import { Content as Description } from './Description.mdx' -import ClientSideRenderedStatsTable from '../../ClientSideRenderedStatsTable.astro' -import ClientSideRenderedCharts from '../../ClientSideRenderedCharts.astro' ---- - - - - - diff --git a/packages/docs/src/components/benchmarks/client-side-rendered-tests/Description.mdx b/packages/docs/src/components/benchmarks/client-side-rendered-tests/Description.mdx deleted file mode 100644 index 8d0f0c94e..000000000 --- a/packages/docs/src/components/benchmarks/client-side-rendered-tests/Description.mdx +++ /dev/null @@ -1,4 +0,0 @@ -Methodology: [Client Side Rendered Tests](/methodology/#client-side-rendered-tests). - -Some frameworks have been moved off their golden path to make client side tests -fair when comparing. See the methodology link above for the full details. diff --git a/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Compare.astro b/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Compare.astro new file mode 100644 index 000000000..aa93b2162 --- /dev/null +++ b/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Compare.astro @@ -0,0 +1,10 @@ +--- +import { Content as Description } from './Description.mdx' +import LighthouseClientSideRenderedStatsTable from '../../LighthouseClientSideRenderedStatsTable.astro' +import LighthouseClientSideRenderedCharts from '../../LighthouseClientSideRenderedCharts.astro' +--- + + + + + diff --git a/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Description.mdx b/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Description.mdx new file mode 100644 index 000000000..59997c511 --- /dev/null +++ b/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Description.mdx @@ -0,0 +1,6 @@ +These CSR browser performance tests use Lighthouse to measure paint timings and a controlled navigation interaction. + +Methodology: [Client Side Rendered Tests (Lighthouse)](/methodology/#client-side-rendered-tests-lighthouse). + +Some frameworks have been moved off their golden path to make client side tests +fair when comparing. See the methodology link above for the full details. diff --git a/packages/docs/src/components/benchmarks/server-side-rendered-tests/Details.astro b/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro similarity index 72% rename from packages/docs/src/components/benchmarks/server-side-rendered-tests/Details.astro rename to packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro index fcf8efdd0..36f77304a 100644 --- a/packages/docs/src/components/benchmarks/server-side-rendered-tests/Details.astro +++ b/packages/docs/src/components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro @@ -1,7 +1,7 @@ --- import type { ComponentProps } from 'astro/types' import { Content as Description } from './Description.mdx' -import Charts from '../../FrameworkServerRenderedVersionCharts.astro' +import Charts from '../../LighthouseFrameworkClientRenderedVersionCharts.astro' type Props = ComponentProps --- diff --git a/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Compare.astro b/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Compare.astro new file mode 100644 index 000000000..909fc521e --- /dev/null +++ b/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Compare.astro @@ -0,0 +1,10 @@ +--- +import { Content as Description } from './Description.mdx' +import LighthouseServerSideRenderedStatsTable from '../../LighthouseServerSideRenderedStatsTable.astro' +import LighthouseServerSideRenderedCharts from '../../LighthouseServerSideRenderedCharts.astro' +--- + + + + + diff --git a/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Description.mdx b/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Description.mdx new file mode 100644 index 000000000..e71f78c01 --- /dev/null +++ b/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Description.mdx @@ -0,0 +1,3 @@ +These SSR browser performance tests use Lighthouse to measure paint timings and a controlled navigation interaction. + +Methodology: [Server Side Rendered Tests (Lighthouse)](/methodology/#server-side-rendered-tests-lighthouse). diff --git a/packages/docs/src/components/benchmarks/client-side-rendered-tests/Details.astro b/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro similarity index 72% rename from packages/docs/src/components/benchmarks/client-side-rendered-tests/Details.astro rename to packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro index e009fde16..3dd829010 100644 --- a/packages/docs/src/components/benchmarks/client-side-rendered-tests/Details.astro +++ b/packages/docs/src/components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro @@ -1,7 +1,7 @@ --- import type { ComponentProps } from 'astro/types' import { Content as Description } from './Description.mdx' -import Charts from '../../FrameworkClientRenderedVersionCharts.astro' +import Charts from '../../LighthouseFrameworkServerRenderedVersionCharts.astro' type Props = ComponentProps --- diff --git a/packages/docs/src/components/benchmarks/server-side-rendered-tests/Compare.astro b/packages/docs/src/components/benchmarks/server-side-rendered-tests/Compare.astro deleted file mode 100644 index 05cd068e1..000000000 --- a/packages/docs/src/components/benchmarks/server-side-rendered-tests/Compare.astro +++ /dev/null @@ -1,10 +0,0 @@ ---- -import { Content as Description } from './Description.mdx' -import ServerSideRenderedStatsTable from '../../ServerSideRenderedStatsTable.astro' -import ServerSideRenderedCharts from '../../ServerSideRenderedCharts.astro' ---- - - - - - diff --git a/packages/docs/src/components/benchmarks/server-side-rendered-tests/Description.mdx b/packages/docs/src/components/benchmarks/server-side-rendered-tests/Description.mdx deleted file mode 100644 index f08e30be5..000000000 --- a/packages/docs/src/components/benchmarks/server-side-rendered-tests/Description.mdx +++ /dev/null @@ -1 +0,0 @@ -Methodology: [Server Side Rendered Tests](/methodology/#server-side-rendered-tests). diff --git a/packages/docs/src/content/docs/all-frameworks.mdx b/packages/docs/src/content/docs/all-frameworks.mdx index f259831fe..4685a3ccd 100644 --- a/packages/docs/src/content/docs/all-frameworks.mdx +++ b/packages/docs/src/content/docs/all-frameworks.mdx @@ -17,8 +17,8 @@ import DevServerStartupCompare from '../../components/benchmarks/dev-server-star import CoreJsCompare from '../../components/benchmarks/core-js-polyfills/Compare.astro' import BrowserBaselineCompare from '../../components/benchmarks/browser-baseline/Compare.astro' import MinimumNodeVersionCompare from '../../components/benchmarks/minimum-node-version/Compare.astro' -import ClientSideRenderedCompare from '../../components/benchmarks/client-side-rendered-tests/Compare.astro' -import ServerSideRenderedCompare from '../../components/benchmarks/server-side-rendered-tests/Compare.astro' +import LighthouseClientSideRenderedCompare from '../../components/benchmarks/lighthouse-client-side-rendered-tests/Compare.astro' +import LighthouseServerSideRenderedCompare from '../../components/benchmarks/lighthouse-server-side-rendered-tests/Compare.astro' import SSRThroughputCompare from '../../components/benchmarks/server-side-throughput-tests/Compare.astro' import SSRLoadStatsTable from '../../components/SSRLoadStatsTable.astro' import SSRLoadP99Charts from '../../components/SSRLoadP99Charts.astro' @@ -83,13 +83,13 @@ import CoreWebVitalsResults from '../../components/benchmarks/core-web-vitals/Re -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/astro.mdx b/packages/docs/src/content/docs/framework/astro.mdx index 13b13d93c..8c9b7a796 100644 --- a/packages/docs/src/content/docs/framework/astro.mdx +++ b/packages/docs/src/content/docs/framework/astro.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' @@ -60,13 +60,13 @@ export const astroRuntimeVersions = getRuntimeVersionStats('app-astro') -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/next-js.mdx b/packages/docs/src/content/docs/framework/next-js.mdx index 9c301296f..899445d17 100644 --- a/packages/docs/src/content/docs/framework/next-js.mdx +++ b/packages/docs/src/content/docs/framework/next-js.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' import SSRRouterLinkLoadDetails from '../../../components/benchmarks/ssr-router-link-load-test/Details.astro' @@ -61,13 +61,13 @@ export const nextJsRuntimeVersions = getRuntimeVersionStats('app-next-js') -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/nuxt.mdx b/packages/docs/src/content/docs/framework/nuxt.mdx index f504ed601..6856f142c 100644 --- a/packages/docs/src/content/docs/framework/nuxt.mdx +++ b/packages/docs/src/content/docs/framework/nuxt.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' import SSRRouterLinkLoadDetails from '../../../components/benchmarks/ssr-router-link-load-test/Details.astro' @@ -61,13 +61,13 @@ export const nuxtRuntimeVersions = getRuntimeVersionStats('app-nuxt') -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/pracht.mdx b/packages/docs/src/content/docs/framework/pracht.mdx index 03505ec9c..7c1af0e6b 100644 --- a/packages/docs/src/content/docs/framework/pracht.mdx +++ b/packages/docs/src/content/docs/framework/pracht.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' import SSRRouterLinkLoadDetails from '../../../components/benchmarks/ssr-router-link-load-test/Details.astro' @@ -68,13 +68,13 @@ prachtStarterVersions.length === 0 && prachtRuntimeVersions.length === 0 ? ( -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/react-router.mdx b/packages/docs/src/content/docs/framework/react-router.mdx index 3bd1b1658..edbb1778d 100644 --- a/packages/docs/src/content/docs/framework/react-router.mdx +++ b/packages/docs/src/content/docs/framework/react-router.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' import SSRRouterLinkLoadDetails from '../../../components/benchmarks/ssr-router-link-load-test/Details.astro' @@ -64,13 +64,13 @@ export const reactRouterRuntimeVersions = -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/solid-start.mdx b/packages/docs/src/content/docs/framework/solid-start.mdx index 5f361851e..61376f746 100644 --- a/packages/docs/src/content/docs/framework/solid-start.mdx +++ b/packages/docs/src/content/docs/framework/solid-start.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' @@ -63,13 +63,13 @@ export const solidStartRuntimeVersions = -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/sveltekit.mdx b/packages/docs/src/content/docs/framework/sveltekit.mdx index 506f21305..eb539831c 100644 --- a/packages/docs/src/content/docs/framework/sveltekit.mdx +++ b/packages/docs/src/content/docs/framework/sveltekit.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' @@ -61,13 +61,13 @@ export const sveltekitRuntimeVersions = getRuntimeVersionStats('app-sveltekit') -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/framework/tanstack-start-react.mdx b/packages/docs/src/content/docs/framework/tanstack-start-react.mdx index ea7a4263a..d6d108036 100644 --- a/packages/docs/src/content/docs/framework/tanstack-start-react.mdx +++ b/packages/docs/src/content/docs/framework/tanstack-start-react.mdx @@ -11,8 +11,8 @@ import BuildInstallDetails from '../../../components/benchmarks/build-and-instal import DevServerStartupDetails from '../../../components/benchmarks/dev-server-startup/Details.astro' import CoreJsDetails from '../../../components/benchmarks/core-js-polyfills/Details.astro' import BrowserBaselineDetails from '../../../components/benchmarks/browser-baseline/Details.astro' -import ClientSideRenderedDetails from '../../../components/benchmarks/client-side-rendered-tests/Details.astro' -import ServerSideRenderedDetails from '../../../components/benchmarks/server-side-rendered-tests/Details.astro' +import LighthouseClientSideRenderedDetails from '../../../components/benchmarks/lighthouse-client-side-rendered-tests/Details.astro' +import LighthouseServerSideRenderedDetails from '../../../components/benchmarks/lighthouse-server-side-rendered-tests/Details.astro' import SSRThroughputDetails from '../../../components/benchmarks/server-side-throughput-tests/Details.astro' import SSRLoadDetails from '../../../components/benchmarks/ssr-load-test/Details.astro' import SSRRouterLinkLoadDetails from '../../../components/benchmarks/ssr-router-link-load-test/Details.astro' @@ -65,13 +65,13 @@ export const tanstackStartRuntimeVersions = getRuntimeVersionStats( -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - + -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - + ### Server Side Throughput Tests diff --git a/packages/docs/src/content/docs/methodology.md b/packages/docs/src/content/docs/methodology.md index a77f6632a..025c8abdc 100644 --- a/packages/docs/src/content/docs/methodology.md +++ b/packages/docs/src/content/docs/methodology.md @@ -387,7 +387,7 @@ Current pinned dependencies are listed in each project's `package.json`: with an empty fallback allows normal streaming without painting a loading placeholder. -### Client Side Rendered Tests +### Client Side Rendered Tests (Lighthouse) - Each framework renders a table of 1000 rows with two UUID columns in the browser. @@ -426,7 +426,7 @@ Current pinned dependencies are listed in each project's `package.json`: - Pracht's client-rendered table generates its UUID rows in the browser; the route and its detail route use `render: 'spa'` and navigate with ``. -### Server Side Rendered Tests +### Server Side Rendered Tests (Lighthouse) - Each framework renders a table of 1000 rows with two UUID columns. - Metrics are measured with Lighthouse flow in Chromium through Puppeteer. diff --git a/packages/docs/src/content/docs/run-time.mdx b/packages/docs/src/content/docs/run-time.mdx index 2245b466b..f7969916e 100644 --- a/packages/docs/src/content/docs/run-time.mdx +++ b/packages/docs/src/content/docs/run-time.mdx @@ -4,8 +4,8 @@ description: Focused framework browser and server runtime metrics. --- import { Content as RunTimeSetup } from '../../components/setup/RunTimeSetup.mdx' -import ClientSideRenderedCompare from '../../components/benchmarks/client-side-rendered-tests/Compare.astro' -import ServerSideRenderedCompare from '../../components/benchmarks/server-side-rendered-tests/Compare.astro' +import LighthouseClientSideRenderedCompare from '../../components/benchmarks/lighthouse-client-side-rendered-tests/Compare.astro' +import LighthouseServerSideRenderedCompare from '../../components/benchmarks/lighthouse-server-side-rendered-tests/Compare.astro' import SSRThroughputCompare from '../../components/benchmarks/server-side-throughput-tests/Compare.astro' import SSRLoadStatsTable from '../../components/SSRLoadStatsTable.astro' import SSRLoadP99Charts from '../../components/SSRLoadP99Charts.astro' @@ -22,13 +22,13 @@ import CoreWebVitalsResults from '../../components/benchmarks/core-web-vitals/Re
-## Client Side Rendered Tests +## Client Side Rendered Tests (Lighthouse) - + -## Server Side Rendered Tests +## Server Side Rendered Tests (Lighthouse) - + ## Server Side Throughput Tests diff --git a/packages/docs/src/lib/chart-measurements.ts b/packages/docs/src/lib/chart-measurements.ts index b507d31f5..575835d39 100644 --- a/packages/docs/src/lib/chart-measurements.ts +++ b/packages/docs/src/lib/chart-measurements.ts @@ -208,7 +208,7 @@ export function prepareDuplicateDependenciesComparison( ) } -export function prepareClientSideRenderedTestsFirstPaintMsHistory( +export function prepareLighthouseClientSideRenderedTestsFirstPaintMsHistory( records: readonly ChartMeasurement[], ): VersionLineChartPayload { return history( @@ -220,7 +220,7 @@ export function prepareClientSideRenderedTestsFirstPaintMsHistory( ) } -export function prepareClientSideRenderedTestsFirstPaintMsComparison( +export function prepareLighthouseClientSideRenderedTestsFirstPaintMsComparison( records: readonly ChartMeasurement[], ): PreparedComparisonChart { return comparison( @@ -232,7 +232,7 @@ export function prepareClientSideRenderedTestsFirstPaintMsComparison( ) } -export function prepareClientSideRenderedTestsFcpMsHistory( +export function prepareLighthouseClientSideRenderedTestsFcpMsHistory( records: readonly ChartMeasurement[], ): VersionLineChartPayload { return history( @@ -244,7 +244,7 @@ export function prepareClientSideRenderedTestsFcpMsHistory( ) } -export function prepareClientSideRenderedTestsFcpMsComparison( +export function prepareLighthouseClientSideRenderedTestsFcpMsComparison( records: readonly ChartMeasurement[], ): PreparedComparisonChart { return comparison( @@ -302,13 +302,13 @@ function interactionHistory( }) } -export function prepareClientSideRenderedTestsInteractionHistory( +export function prepareLighthouseClientSideRenderedTestsInteractionHistory( records: readonly ChartMeasurement[], ): InteractionHistoryDatum[] { return interactionHistory(records, 'clientSideRenderedTests') } -export function prepareServerSideRenderedTestsInteractionHistory( +export function prepareLighthouseServerSideRenderedTestsInteractionHistory( records: readonly ChartMeasurement[], ): InteractionHistoryDatum[] { return interactionHistory(records, 'serverSideRenderedTests') @@ -398,7 +398,7 @@ export function prepareCoreJsSizeHistory( ) } -export function prepareServerSideRenderedTestsFirstPaintMsHistory( +export function prepareLighthouseServerSideRenderedTestsFirstPaintMsHistory( records: readonly ChartMeasurement[], ): VersionLineChartPayload { return history( @@ -410,7 +410,7 @@ export function prepareServerSideRenderedTestsFirstPaintMsHistory( ) } -export function prepareServerSideRenderedTestsFirstPaintMsComparison( +export function prepareLighthouseServerSideRenderedTestsFirstPaintMsComparison( records: readonly ChartMeasurement[], ): PreparedComparisonChart { return comparison( @@ -422,7 +422,7 @@ export function prepareServerSideRenderedTestsFirstPaintMsComparison( ) } -export function prepareServerSideRenderedTestsFcpMsHistory( +export function prepareLighthouseServerSideRenderedTestsFcpMsHistory( records: readonly ChartMeasurement[], ): VersionLineChartPayload { return history( @@ -434,7 +434,7 @@ export function prepareServerSideRenderedTestsFcpMsHistory( ) } -export function prepareServerSideRenderedTestsFcpMsComparison( +export function prepareLighthouseServerSideRenderedTestsFcpMsComparison( records: readonly ChartMeasurement[], ): PreparedComparisonChart { return comparison( diff --git a/packages/docs/src/lib/interaction-history.test.ts b/packages/docs/src/lib/interaction-history.test.ts index 681f0c23b..6f54f57e3 100644 --- a/packages/docs/src/lib/interaction-history.test.ts +++ b/packages/docs/src/lib/interaction-history.test.ts @@ -1,8 +1,8 @@ import assert from 'node:assert/strict' import { test } from 'node:test' import { - prepareClientSideRenderedTestsInteractionHistory, - prepareServerSideRenderedTestsInteractionHistory, + prepareLighthouseClientSideRenderedTestsInteractionHistory, + prepareLighthouseServerSideRenderedTestsInteractionHistory, } from './chart-measurements.ts' const run = ( @@ -28,7 +28,7 @@ const runs = [ ] test('uses the run with the median total so the phases add up to it', () => { - const [row] = prepareClientSideRenderedTestsInteractionHistory([ + const [row] = prepareLighthouseClientSideRenderedTestsInteractionHistory([ { package: 'app-next', frameworkVersion: '14.0.0', @@ -71,7 +71,7 @@ test('skips versions without complete runs and keeps input order', () => { }, ] assert.deepEqual( - prepareClientSideRenderedTestsInteractionHistory(records).map( + prepareLighthouseClientSideRenderedTestsInteractionHistory(records).map( (row) => row.name, ), ['v14.0.0', 'v17.0.0'], @@ -79,7 +79,7 @@ test('skips versions without complete runs and keeps input order', () => { }) test('server history reads the server runs', () => { - const [row] = prepareServerSideRenderedTestsInteractionHistory([ + const [row] = prepareLighthouseServerSideRenderedTestsInteractionHistory([ { frameworkVersion: '14.0.0', clientSideRenderedTests: { iterations: [run(1, 1, 1)] }, @@ -91,7 +91,7 @@ test('server history reads the server runs', () => { test('history is empty when no version has runs', () => { assert.deepEqual( - prepareClientSideRenderedTestsInteractionHistory([ + prepareLighthouseClientSideRenderedTestsInteractionHistory([ { package: 'app-pracht', frameworkVersion: '1.0.0' }, ]), [], diff --git a/packages/docs/src/lib/metrics.ts b/packages/docs/src/lib/metrics.ts index 371296b8f..d99fcd626 100644 --- a/packages/docs/src/lib/metrics.ts +++ b/packages/docs/src/lib/metrics.ts @@ -52,13 +52,13 @@ export const metricCatalogue = { }, 'clientSideRenderedTests.firstPaintMs': { id: 'clientSideRenderedTests.firstPaintMs', - title: 'Client First Paint', + title: 'Client First Paint (Lighthouse)', valueFormat: 'ms', yAxisLabel: 'Milliseconds', }, 'clientSideRenderedTests.fcpMs': { id: 'clientSideRenderedTests.fcpMs', - title: 'Client FCP', + title: 'Client FCP (Lighthouse)', valueFormat: 'ms', yAxisLabel: 'Milliseconds', }, @@ -90,13 +90,13 @@ export const metricCatalogue = { }, 'serverSideRenderedTests.firstPaintMs': { id: 'serverSideRenderedTests.firstPaintMs', - title: 'Server First Paint', + title: 'Server First Paint (Lighthouse)', valueFormat: 'ms', yAxisLabel: 'Milliseconds', }, 'serverSideRenderedTests.fcpMs': { id: 'serverSideRenderedTests.fcpMs', - title: 'Server FCP', + title: 'Server FCP (Lighthouse)', valueFormat: 'ms', yAxisLabel: 'Milliseconds', },