diff --git a/dotcom-rendering/src/web/components/App.tsx b/dotcom-rendering/src/web/components/App.tsx
index fd4224fe60d..687d1fe7cb3 100644
--- a/dotcom-rendering/src/web/components/App.tsx
+++ b/dotcom-rendering/src/web/components/App.tsx
@@ -35,8 +35,6 @@ import {
 	HydrateInteractiveOnce,
 } from '@frontend/web/components/HydrateOnce';
 import { Lazy } from '@frontend/web/components/Lazy';
-import { Placeholder } from '@root/src/web/components/Placeholder';
-
 import { decideTheme } from '@root/src/web/lib/decideTheme';
 import { decideDisplay } from '@root/src/web/lib/decideDisplay';
 import { decideDesign } from '@root/src/web/lib/decideDesign';
@@ -112,16 +110,6 @@ const OnwardsLower = React.lazy(() => {
 		return { default: module.OnwardsLower };
 	});
 });
-const GetMatchStats = React.lazy(() => {
-	const { start, end } = initPerf('GetMatchStats');
-	start();
-	return import(
-		/* webpackChunkName: "GetMatchStats" */ '@frontend/web/components/GetMatchStats'
-	).then((module) => {
-		end();
-		return { default: module.GetMatchStats };
-	});
-});
 
 type Props = {
 	CAPI: CAPIBrowserType;
@@ -1023,15 +1011,6 @@ export const App = ({ CAPI, ophanRecord }: Props) => {
 					</Suspense>
 				</Lazy>
 			</Portal>
-			{CAPI.matchUrl && (
-				<Portal rootId="match-stats">
-					<Lazy margin={300}>
-						<Suspense fallback={<Placeholder height={800} />}>
-							<GetMatchStats matchUrl={CAPI.matchUrl} />
-						</Suspense>
-					</Lazy>
-				</Portal>
-			)}
 			<Portal rootId="slot-body-end">
 				<SlotBodyEnd
 					contentType={CAPI.contentType}
diff --git a/dotcom-rendering/src/web/components/GetMatchStats.tsx b/dotcom-rendering/src/web/components/GetMatchStats.importable.tsx
similarity index 100%
rename from dotcom-rendering/src/web/components/GetMatchStats.tsx
rename to dotcom-rendering/src/web/components/GetMatchStats.importable.tsx
diff --git a/dotcom-rendering/src/web/layouts/StandardLayout.tsx b/dotcom-rendering/src/web/layouts/StandardLayout.tsx
index 46f4babd428..95e12ea05bb 100644
--- a/dotcom-rendering/src/web/layouts/StandardLayout.tsx
+++ b/dotcom-rendering/src/web/layouts/StandardLayout.tsx
@@ -52,6 +52,7 @@ import {
 import { Stuck, BannerWrapper } from '@root/src/web/layouts/lib/stickiness';
 import { Lines } from '@guardian/source-react-components-development-kitchen';
 import { Island } from '../components/Island';
+import { GetMatchStats } from '../components/GetMatchStats.importable';
 
 const StandardGrid = ({
 	children,
@@ -617,7 +618,17 @@ export const StandardLayout = ({ CAPI, NAV, format, palette }: Props) => {
 									pageId={CAPI.pageId}
 									webTitle={CAPI.webTitle}
 								/>
-								{isMatchReport && <div id="match-stats" />}
+								{isMatchReport && CAPI.matchUrl && (
+									<Island
+										clientOnly={true}
+										placeholderHeight={800}
+										deferUntil="visible"
+									>
+										<GetMatchStats
+											matchUrl={CAPI.matchUrl}
+										/>
+									</Island>
+								)}
 
 								{showBodyEndSlot && <div id="slot-body-end" />}
 								<Lines