server timings

794d02e6 · tom · 2e6bd017 · 794d02e6 · 794d02e6 · 794d02e6
Commit 794d02e6 authored Jan 26, 2023 by tom
Hide whitespace changes
Inline Side-by-side

Showing with 36 additions and 0 deletions

serverTiming.ts lib/next/serverTiming.ts +10 -0

_document.tsx pages/_document.tsx +19 -0

search-results.tsx pages/search-results.tsx +7 -0

No files found.
--- a/lib/next/serverTiming.ts
+++ b/lib/next/serverTiming.ts
+import type { ServerResponse } from 'http';
+
+export function appendValue(res: ServerResponse | undefined, name: string, value: number) {
+  const currentValue = res?.getHeader('Server-Timing') || '';
+  const nextValue = [
+    currentValue,
+    `${ name };dur=${ value }`,
+  ].filter(Boolean).join(',');
+  res?.setHeader('Server-Timing', nextValue);
+}
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
 import { ColorModeScript } from '@chakra-ui/react';
+import type { DocumentContext } from 'next/document';
 import Document, { Html, Head, Main, NextScript } from 'next/document';
 import React from 'react';

+import * as serverTiming from 'lib/next/serverTiming';
 import theme from 'theme';

 class MyDocument extends Document {
+  static async getInitialProps(ctx: DocumentContext) {
+    const originalRenderPage = ctx.renderPage;
+    ctx.renderPage = async() => {
+      const start = Date.now();
+      const result = await originalRenderPage();
+      const end = Date.now();
+
+      serverTiming.appendValue(ctx.res, 'renderPage', end - start);
+
+      return result;
+    };
+
+    const initialProps = await Document.getInitialProps(ctx);
+
+    return initialProps;
+  }
+
  render() {
    return (
      <Html lang="en">

--- a/pages/search-results.tsx
+++ b/pages/search-results.tsx
@@ -10,6 +10,7 @@ import link from 'lib/link/link';
 import getNetworkTitle from 'lib/networks/getNetworkTitle';
 import type { Props } from 'lib/next/getServerSideProps';
 import { getServerSideProps as getServerSidePropsBase } from 'lib/next/getServerSideProps';
+import * as serverTiming from 'lib/next/serverTiming';
 import SearchResults from 'ui/pages/SearchResults';

 const SearchResultsPage: NextPage = () => {
@@ -27,6 +28,8 @@ const SearchResultsPage: NextPage = () => {
 export default SearchResultsPage;

 export const getServerSideProps: GetServerSideProps<Props> = async({ req, res, resolvedUrl, query }) => {
+  const start = Date.now();
+
  try {
    const q = String(query.q);
    const url = buildUrlNode('search_check_redirect', undefined, { q });
@@ -63,5 +66,9 @@ export const getServerSideProps: GetServerSideProps<Props> = async({ req, res, r
    };
  } catch (error) {}

+  const end = Date.now();
+
+  serverTiming.appendValue(res, 'query.search.check-redirect', end - start);
+
  return getServerSidePropsBase({ req, res, resolvedUrl, query });
 };