Slide and stage claims that name it, the ones Google’s documentation does not cover first.
Not in docs 12
Google described the mission of its rendering as simply executing JavaScript, while the implementation is complex, expensive and difficult.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
After the crawler has fetched a page, Google's rendering system executes it, checks that it loads properly and works out what it looks like at different sizes.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
Google said its pipeline needs to ensure that content indexable without JavaScript can pass through without rendering, while content that appears only through JavaScript and CSS takes a longer rendering pass.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
Switching JavaScript off and on in the browser gives a quick first impression of which content on a page depends on rendering.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
Unresolved placeholders caused by rendering timeouts are hard to catch because the problem moves around: it is not always the same page that is broken.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
To catch intermittent rendering problems, archive the full HTML and the resources of each page during a site audit and analyse them yourself, a community speaker advised.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
If a page keeps loading content indefinitely, not all of that content will be indexed, because Google's rendering does not go on forever (this passage of the recording is partly unclear).
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
Besides using Chrome DevTools more often, a community speaker advised checking rendering at scale with a modern crawler.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
Erin Sparling called URL fragments (the part of a URL after #) the next most common JavaScript issue seen, after rendering problems and blocked rendering.
Erin Sparling · Day 2 · What is Google friendly JavaScript
Google's indexing pipeline slide put a Processing stage between the crawler and the index and listed HTML parsing, rendering, deduplication and feature extraction above it, with feature extraction highlighted as the step of this talk.
Gary Illyes · Day 2 · Finding the gold nuggets: structured data, media, and more!
Gary Illyes said Google keeps saying it renders every URL on the internet and that he would say this is not true, though it is what he was told; he went on to say that Google's logs show the rendering queue cleared within weeks.
Gary Illyes · Day 3 · How long does it take to..?
According to Google's logs, everything in the rendering queue gets rendered within weeks.
Gary Illyes · Day 3 · How long does it take to..?
Consistent with docs 18
A Google pipeline slide placed processing between the crawler and the index and listed six processing steps: HTML parsing, rendering, deduplication, feature extraction, signal extraction and index selection.
Day 2 · How is HTML interpreted
Google renders pages in order to index what users see: its commitment to reflecting the user experience means understanding what people see when a page loads in a browser and surfacing that in Search.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
Google's simple solution for the extra time of live page reads is to make JavaScript-generated content render quickly and efficiently, or to use server-side rendering.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
A Google pipeline diagram ran from the crawl queue to the crawler, then through HTML parsing to processing, which passes pages to rendering and gets them back, and then to the index; rendering fetches its JavaScript and CSS through the crawler.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
Although Google's pipeline diagram shows rendering as part of indexing, Google's rendering is a detached system, kept separate because rendering is time-consuming and computationally expensive.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
In a navigation example, the main navigation was in the raw HTML and would survive a rendering failure, but the whole sub-navigation was built by JavaScript, so all of its links would be inaccessible to bots if rendering broke.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
Sites that create their content by rendering should have at least basic monitoring to check that the rendered pages come out right, a community speaker advised.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
Whatever is in the DOM at the moment Google's rendering finishes is what likely gets indexed.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
For rendering, what matters is whether content is present in the DOM, not whether it is visible on screen: hidden content can be indexed, absent content cannot.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
An Intersection Observer fires when the observed element enters the viewport, and the viewport Google renders with is tall, so content lazy-loaded this way can load during rendering.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
Disallowing a script folder such as /static/js/ or a generic /api/ folder in robots.txt can block the endpoints that supply a page's content, leaving blank modules and missing content after rendering.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
If an API folder must stay blocked in robots.txt, allow the endpoints that rendering needs, for example Disallow: /api/ together with Allow: /api/products/.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
On a product page whose data is fetched client-side, the rendering mistakes described can leave Google seeing no content at all while users still see the price and images.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
To find rendering issues, compare a page's raw source code with its rendered versions, including the rendered HTML that Google's testing tools show; the differences point to the problems.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
If JavaScript rendering fails, what Google indexes for a page differs from what the page shows once it is rendered.
Erin Sparling · Day 2 · What is Google friendly JavaScript
Erin Sparling named server-side or hybrid rendering, fallbacks and not leaving placeholders in the DOM, among other measures, as ways to guard against failed JavaScript rendering.
Erin Sparling · Day 2 · What is Google friendly JavaScript
For headless CMS content, Erin Sparling presented rendering on the server, not only in the browser, as a way to avoid indexing issues.
Erin Sparling · Day 2 · What is Google friendly JavaScript
Google estimated that rendering takes seconds when done right away and hours when the page waits in the queue, with an end point of days to weeks.
Day 3 · How long does it take to..?
Confirmed by docs 9
Never block a resource that a page needs for rendering with robots.txt, a community speaker said, calling this common sense.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
In Google's processing step, links are extracted from the HTML Google already has, before rendering, and the URLs found go back to the crawl queue.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
After processing, an indexable page is placed in Google's render queue to wait for rendering.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
Blocking JavaScript or API resources in robots.txt is a classic rendering mistake: if Google's renderer cannot fetch a resource, it cannot run it.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
Google renders nearly all of the web by replicating what a browser does, using a real browser's rendering engine.
Erin Sparling · Day 2 · What is Google friendly JavaScript
Content that is not in the final DOM after rendering cannot be seen by Google, so it cannot be indexed.
Erin Sparling · Day 2 · What is Google friendly JavaScript
Content loaded as elements enter the viewport, for example with an Intersection Observer, does load when Google renders a page, because Google's rendering viewport is very tall.
Erin Sparling · Day 2 · What is Google friendly JavaScript
WebGL does not work well in Google's rendering: a WebGL shader that makes a page look like it is underwater will not be applied when Google renders the page.
Erin Sparling · Day 2 · What is Google friendly JavaScript
Erin Sparling recommended differential serving and polyfills to keep a site compatible with Google's rendering engine where it lacks a browser feature.
Erin Sparling · Day 2 · What is Google friendly JavaScript
Nothing to verify 15
Google framed rendering historically: when Google started, most of the web was plain, semantic HTML it could extract directly, but the modern web is built with JavaScript and much content is generated by JavaScript, so Google had to adapt.
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
After Google's opener, Lightning session D had three community talks: rendering and JavaScript execution blind spots (Sören Bendig), debugging JavaScript rendering for Search (Rebecca Yu) and virtualizing the browser (Natalia Venditto).
Erin Sparling · Day 2 · Lightning session D: Rendering and JavaScript
Many SEOs still treat everything beyond the raw HTML as the developers' business, but developers often do not handle rendering problems, a community speaker warned.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
The first rendering blind spot a community speaker showed was content changes: text, images and recommendations that differ between the raw HTML and the rendered page, illustrated by a shop page whose rendered version had a whole extra section.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
One site that builds its whole content by rendering also rendered its meta description with HTML tags inside it, which makes no sense and points to a flawed process.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
A community speaker summarised five rendering blind spots to check: content and markup changes, invisible links, rendering timeouts, Content Security Policy and blocked resources.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
Because even established brands have these rendering problems and every modern website uses a lot of JavaScript, a community speaker argued that most sites probably have them too and that ignoring rendering is reckless.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
The second community lightning talk of the rendering block covered debugging JavaScript rendering for Search: how Google renders pages, a step-by-step check, four common mistakes and a worked product page example.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
A community speaker listed four common but often overlooked JavaScript rendering mistakes: non-crawlable link markup, error pages that return HTTP 200 in single-page apps, content behind user interaction, and JavaScript or API resources blocked in robots.txt.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
A community speaker called not hiding content behind user interaction the most important of the four JavaScript rendering mistakes.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
A community speaker summed up JavaScript rendering issues as cases where search engines cannot execute, access or trigger the code needed to display a page's core content.
Rebecca Yu · Day 2 · Lightning session D: Rendering and JavaScript
Websites that rely heavily on JavaScript and rendering have common blind spots, because these features often break in subtle ways, a community speaker said.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
None of the rendering problems a community speaker showed from established brands' sites had been fixed promptly: some were fixed by the time of the talk and some were still live.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
A rendering failure such as a Content Security Policy blocking a video on a landing page that explains how to open a business account could have a drastic impact for a purely online business, a community speaker warned.
Sören Bendig · Day 2 · Lightning session D: Rendering and JavaScript
When Search Console reports that content is not rendering, Erin Sparling suggested putting AI agents on the problem, but only after doing your own due diligence.
Erin Sparling · Day 2 · What is Google friendly JavaScript