Skillintermediate

bundle defer third party

Analytics, logging, and error tracking don't block user interaction. Load them after hydration.

Claude Code Knowledge Pack7/10/2026

Overview

Defer Non-Critical Third-Party Libraries

Analytics, logging, and error tracking don't block user interaction. Load them after hydration.

Incorrect (blocks initial bundle):


  return (
    <html>
      <body>
        {children}
        
      </body>
    </html>
  )
}

Correct (loads after hydration):


const Analytics = dynamic(
  () => import('@vercel/analytics/react').then(m => m.Analytics),
  { ssr: false }
)

  return (
    <html>
      <body>
        {children}
        
      </body>
    </html>
  )
}