In the case of crawling traditional HTML websites, everything is straightforward and the whole process is lightning fast. Googlebot downloads an HTML file and then extracts the links from the source code and can visit simultaneously. It then downloads the CSS files and sends all the downloaded resources to Google’s Indexer, for which it indexes the page.
Difference between HTML based and JS based website rendering
Yes, but with some caveats. The following things should be taken into account:
5) Googlebot is based on the newest version of Chrome. That means that Googlebot is using the current version of the browser for rendering pages. Googlebot visits web pages just like a user would when using a browser. However, Googlebot is not a typical Chrome browser.
6) Googlebot declines user permission requests (i.e. Googlebot will deny video auto-play requests).
7) Cookies, local, and session storage are cleared across page loads. If your content relies on cookies or other stored data, Google won’t pick it up.
8) Browsers always download all the resources – Googlebot may choose not to.
9) Changing canonical tags via JS is considered not reliable by Google. So make sure you have your canonical URLs in the HTML and not JS. Chances are Google may have addressed this issue but it’s just a chance, and when it comes to SEO one should not risk it unless dead sure.
When you surf the internet, your browser (Chrome, Firefox, Safari) downloads all the resources – from images to scripts – that a website consists of and puts it all together for you.Since Googlebot acts differently than your browser, its purpose is to crawl the entire internet and grab valuable resources. Google optimizes its crawlers for performance. This is why Googlebot sometimes doesn’t load all the resources from the server. Not only that, Googlebot doesn’t even visit all the pages that it encounters.
Server Side Rendering or Client Side Rendering?
Server Side Rendering: with SSR or Server Side Rendering the content is already there when the browser receives it. It means it’s not just easier for the bot to crawl but is extremely fast as it’s classical HTML approach.