Search engine crawlers, social sharing platforms, have historically relied exclusively on static HTML markup to index the web and surface content. There's no reason to bring another tool (headless Chrome and Puppeteer) into the mix.

If your framework has a prerendering solution, please stick with that. Some frameworks like Preact ship with tools that address server-side rendering. You're here for that quick win to reduce JavaScript startup cost and improve first meaningful paint.

The other reason you might be here is because some articles out on The Web mentioned that server-side rendering is good for performance. What matters is that you spent a lot of time building Awesome Web Thing and users are unable to discover it. To be honest, your tech stack doesn't matter.

First, you've built a web app and it's not being indexed the search engines! Your app might be a Single Page Application (SPA), PWA, using vanilla JS, or built with something more complex like a library or framework. If SEO has served me well, you landed on this article for one of two reasons. Read more about Node's ES Modules support. Feel free to use require() statements if they bother you. puppeteerrc.cjs (or 'll be using ES modules ( import) in this article, which require Node 8.5.0+ and running with the -experimental-modules flag. Puppeteer uses several defaults that can be customized through configurationįor example, to change the default cache directory Puppeteer uses to installīrowsers, you can add a. Include $HOME/.cache into the project's deployment.įor a version of Puppeteer without the browser installation, see Your project folder (see an example below) because not all hosting providers Heroku, you might need to reconfigure the location of the cache to be within If you deploy a project using Puppeteer to a hosting provider, such as Render or The browser is downloaded to the $HOME/.cache/puppeteer folderīy default (starting with Puppeteer v19.0.0). When you install Puppeteer, it automatically downloads a recent version ofĬhrome for Testing (~170MB macOS, ~282MB Linux, ~280MB Windows) that is guaranteed to

Puppeteer headless download