Hi, and welcome @okiemutegold!

The slow rendering issues you're experiencing, even with static pages, could be due to several factors in Next.js 14.1.0. The inconsistency between pages suggests it might be related to how your application is handling server-side rendering (SSR) and hydration.

Some ideas to address this:

• Make sure you're using the app directory for improved performance
• Check for unnecessary data fetching in your layout files that might delay rendering
• Review your use of NextAuth to optimize session handling, as authentication checks can introduce overhead.
• For debugging, add performance markers using the Next.js User Timing API to identify slow-loading components or data fetches.
• If the issue persists, consider using the React Profiler to measure rendering performance of different parts of your app.
• For more advanced diagnostics, explore Next.js debugging techniques.

Let us know how you get on!

Hi @pawlean, Thank you for the links, I have checked before, but will again with these.

For the points:

• I'm using app directory
• I'm not performing data fetch in any of my layout file
• I fetch data in page, but the page still delays (I doubt server action is responsible, please any thought?)
• I'm using suspense where needed
• Static pages like /privacy should load on the fly (you mentioned several factors, can you please elaborate?)
• checking a session before redirecting user or continuing on route should not cause this lag in layout or other components (any thoughts?)

Thanks

Hello @pawlean, It was an issue with cookie bot script and facebook script I used in my layout.tsx.

Do you know how best this can be done and not have it interfere with page navigations / routing. I'm already using Script tag in the head

cookie:

1
     <Script
2
          id="Cookiebot"
3
          src="..."
4
          data-cbid="..."
5
          data-blockingmode="auto"
6
          type="text/javascript"
7
          strategy="lazyOnload"
8
          async
9
     />

fb:

1
      <Script
2
          id="fb-pixel"
3
          strategy="afterInteractive"
4
          dangerouslySetInnerHTML={{
5
            __html: `
6
              ...
7
            `
8
          }}
9
      />
10

11
      <noscript>
12
          <img
13
            height="1"
14
            width="1"
15
            style={{ display: "none" }}
16
            src={`https://www.facebook.com/tr?id=${process.env.FB_ID}&ev=PageView&noscript=1`}
17
            alt=""
18
          />
19
      </noscript>

Thanks again!