Dynamic Rendering: When to Use It?
Posted: Sat Feb 01, 2025 4:46 am
The most obvious implication for developers is that newer JavaScript versions and coding conventions, such as arrow functions , are not supported by Googlebot . This also means that any APIs that were added after Chrome 41 are not currently supported. However, you can check what is and isn't supported on a site like CanIuse.com .
The first reason to adopt dynamic rendering is if your site is large and fast-moving . For example, if you have a news website , you will have a lot of new content that keeps coming out on a regular basis and this requires fast indexing. Rendering is deferred from indexing, so if you have a large , dynamic website , new content may take a while to be indexed.
Second, if you rely on modern JavaScript functionality . For example, if you have libraries that cannot be transformed into ES5, dynamic rendering can help. That said, Google still recommends using graceful degradation key features of paytm techniques , so that even older clients can access your content.
Graceful degradation is a development methodology that involves providing a website's functionality in such a way that it gradually degrades to a lower level of user experience on older browsers.
And finally, there is a third reason: if your site relies on sharing through social media or chat applications. If these services require access to your page content, dynamic rendering can help there too.
Diagnostic tools
Google recommends testing that rendering works incrementally . First, by checking the raw HTTP response , then by checking the rendered version , either on mobile or on mobile and desktop if you serve different content to different devices.
One way to check the raw HTTP response is to use Google Search Console and the Fetch as Google tool , which will show the HTTP response received from Googlebot, including the response code and the HTML that was served before rendering.
The first reason to adopt dynamic rendering is if your site is large and fast-moving . For example, if you have a news website , you will have a lot of new content that keeps coming out on a regular basis and this requires fast indexing. Rendering is deferred from indexing, so if you have a large , dynamic website , new content may take a while to be indexed.
Second, if you rely on modern JavaScript functionality . For example, if you have libraries that cannot be transformed into ES5, dynamic rendering can help. That said, Google still recommends using graceful degradation key features of paytm techniques , so that even older clients can access your content.
Graceful degradation is a development methodology that involves providing a website's functionality in such a way that it gradually degrades to a lower level of user experience on older browsers.
And finally, there is a third reason: if your site relies on sharing through social media or chat applications. If these services require access to your page content, dynamic rendering can help there too.
Diagnostic tools
Google recommends testing that rendering works incrementally . First, by checking the raw HTTP response , then by checking the rendered version , either on mobile or on mobile and desktop if you serve different content to different devices.
One way to check the raw HTTP response is to use Google Search Console and the Fetch as Google tool , which will show the HTTP response received from Googlebot, including the response code and the HTML that was served before rendering.