diTii.com Digital News Hub

Sign up with your email address to be the first to know about latest news and more.

I agree to have my personal information transfered to MailChimp (more information)


Google Publishes Documentation for ‘Dynamic Rendering’ JavaScript Sites

Dynamic Rendering, first introduced at the Google I/O this year—is a solution website that runs on JavaScript as it automatically makes “switching between client-side rendered and pre-rendered content for specific user agents.”

This is because crawling and rendering JavaScript-based websites is a resource-intense process and search engine bots are not great at it. Thus, leaving those sites underperforming with regards to SEO.

Now, with dynamic rendering comes as a solution as it renders a website server-side and serves it to the bots as “static HTML,” while the site remains unchanged to visitors.

The process let search engine bots quickly crawl the website, understand the content and index them properly and helps sites to gain an SEO position.

Dynamic rendering means switching between client-side rendered and pre-rendered content for specific user agents.

Here is a flowchart of Google Dynamic Rendering:

Google Dynamic Rendering Flow Chart

According to Google dynamic rendering should be used on sites that are large and changing rapidly and uses modern JavaScript features supported in Chrome 41 or above. Also, sites with strong social media presences should consider using it.

Here is a video of @John Mueller talking about the dynamic rendering at the I/O:

He said, “we have another option [for JavaScript and search] that we’d like to introduce, we call it Dynamic Rendering.”

Explaining more he said, “dynamic rendering is the principle of sending normal client-side rendered content to users and sending fully server-side rendered content to search engines and to other crawlers that need it.”

Google has now published a document entitled “Get started with dynamic rendering,” for crawling, indexing JavaScript web pages.

Do you manage a high-intensity JavaScript-based site that is having issues in Google? Dynamic rendering may be your workaround solution.

The image above the fold shows the process for dynamic rendering. In the image below you can see a diagram of Google Dynamic Rendering Infrastructure setup:

Google Dynamic Rendering Infrastructure Setup

The help documentation begins with explaining what is dynamic rendering and goes on in details about when to use it, and how to implement it. It’s divided into the following categories:

  • Get started with dynamic rendering
  • Sites that should use dynamic rendering
  • Understand how dynamic rendering works
  • Implement dynamic rendering
  • Verify your configuration
  • Troubleshooting
  • Content is incomplete or looks different
  • High response times
  • done Fix the issue
  • Structured data is missing

The documentation is available here.


Share This Story, Choose Your Platform!

Get Latest News

Subscribe to Digital News Hub

Get our daily newsletter about the latest news in the industry.
First Name
Last Name
Email address
Secure and Spam free...