Back to glossary

Dynamic Rendering

A technique that serves different content versions to users and search engine crawlers: fully rendered HTML for bots and regular JavaScript-powered pages for users. Dynamic rendering is a workaround for JavaScript rendering challenges in SEO.

Dynamic rendering detects the user agent of incoming requests and routes search engine crawlers to a pre-rendered version of the page while serving the standard JavaScript version to regular users. Tools like Rendertron and Puppeteer can generate these pre-rendered snapshots. Google has acknowledged dynamic rendering as a legitimate workaround for sites that cannot implement server-side rendering.

For engineering teams with heavily JavaScript-dependent sites, dynamic rendering offers a middle path between full SSR migration (expensive) and hoping Google's renderer handles your JavaScript (risky). It is particularly useful for single-page applications, infinite scroll content, and pages with complex JavaScript interactions. However, Google considers dynamic rendering a temporary solution and recommends server-side rendering as the long-term approach. The maintenance burden of dynamic rendering is significant: you need to keep the pre-rendered version in sync with the live version, handle edge cases in rendering, and monitor for discrepancies. If you are building a new project, invest in SSR or SSG from the start rather than retrofitting with dynamic rendering.

Related Terms