SEO

Rendering

Also called Page rendering, client-side rendering, server-side rendering

The step where a browser or crawler runs HTML, CSS and JavaScript to build the page that is finally seen.

Quick facts: Rendering

Category
SEO
Also called
Page rendering, client-side rendering, server-side rendering
Level
Advanced
Affects
Indexing, page speed, internal link discovery
Where to see it
Google Search Console URL Inspection, Chrome DevTools, Screaming Frog
In this article4
  1. How rendering works
  2. Why rendering matters
  3. Common mistakes with rendering
  4. How to act on it

How rendering works

A server sends a browser a set of instructions: an HTML document, some stylesheets, some scripts. Rendering is the work of turning those instructions into the page a person actually looks at — building the document model, applying the styles, running the JavaScript, and painting the result. Nothing on a modern site is finished when the HTML arrives.

Search engines have to do the same job. A crawler fetches the page first, then a rendering service runs the scripts in a browser engine and indexes whatever the finished page contains. Because rendering costs far more computing power than fetching, it can happen later than the crawl rather than immediately. On a site where the meaningful content only appears after the scripts run, that gap is the difference between being indexed and being invisible.

Why rendering matters

Whatever survives rendering is what gets indexed. If your headings, body copy, internal links or product details are injected by JavaScript and something prevents that script from running — a blocked file, an error, a slow third-party dependency — the engine stores an empty shell. The page exists, returns a healthy status code, and ranks for nothing.

It also decides how the page feels. Work pushed to the visitor’s device has to be done by that device, and a mid-range phone on a mobile connection is far slower at it than a laptop on office wifi. In Nepal, where most sessions come from phones, a build that renders everything in the browser can be perfectly quick in testing and painfully slow for the people who matter.

Common mistakes with rendering

The most frequent is checking the wrong thing. Right-clicking and choosing view source shows the HTML the server sent, not the rendered page, so a developer sees content that is really being added later and assumes all is well. Look at the rendered output instead.

Next comes blocking the scripts a crawler needs. Disallowing a JavaScript or CSS directory in robots.txt stops the engine from building the page properly, which is a self-inflicted version of the same problem. And links matter: navigation that only responds to a click handler, with no real address in an anchor tag, gives a crawler nothing to follow, so whole sections of a site are never discovered.

How to act on it

Test what the engine sees rather than what your browser shows. The URL Inspection tool in Google Search Console will fetch a live page and show you the rendered HTML and any resources it could not load, which settles most arguments in a minute. Compare that against the raw source to see exactly which content depends on scripts.

Where important content depends on rendering, move it earlier: send it in the server’s response so it arrives complete, and keep client-side scripts for enhancements rather than for the substance of the page. Make sure every internal link is a real anchor with a real address. If diagnosing this is beyond the team, it belongs in a technical SEO review alongside crawling and indexing checks.

Do and do not

Do

  • Compare rendered HTML against the raw page source
  • Send important content in the server response
  • Use real anchor tags with real addresses

Do not

  • Block JavaScript or CSS files in robots.txt
  • Judge a page by view source alone
  • Build navigation from click handlers only

Questions people ask about this

Can Google index JavaScript content?

Usually, yes. Google runs a rendering service that executes scripts before indexing, so content added by JavaScript can be stored and ranked. The catch is that rendering is expensive and can happen after the initial crawl, and any blocked file, script error or slow dependency can leave the engine with a page that looks empty.

How do I check what a crawler actually sees?

Use the URL Inspection tool in Google Search Console and test the live URL. It returns the rendered HTML, a screenshot and a list of resources it could not load. Comparing that rendered output with the raw page source tells you which parts of your page exist only after JavaScript has run.

Is server-side rendering better for SEO?

It is safer. Sending complete HTML from the server means the content is present whether or not scripts run, which removes a whole class of indexing problems and usually helps people on slower phones. Client-side rendering can work well when it is built carefully, but it puts more of the outcome outside your control.

Related terms

Found this useful?

Share it, or ask an AI to summarise it

Back to the glossary

Knowing the term is the easy part

Applying it to your own site and budget is the work. Book a call and I will tell you what actually applies to you.