Solving SEO with Headless Chrome

on YouTube ↗19m

" summary

Built a Dockerized service called Rendertron that runs headless Chrome to render PWAs for non‑rendering bots, checks user‑agent and proxies bot requests, and returns a serialized HTML snapshot plus configurable HTTP status codes. It uses Shady DOM/polyfills to serialize Shadow DOM, enforces a 10‑second rendering budget (or a custom completion event), implements a perfect cache, and integrates via prpl‑server or Express middleware. Proof‑of‑concept on webcomponents.org and a demo at render-tron.appspot.com works for Polymer, Angular, and other client apps.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 2:33App Shell
3. 8:37What about Headless Chrome
4. 12:51Serializing Web Components
5. 14:14Http Status Codes
6. 17:15Middleware

" related talks

• 25mMaking Modern Web Content Discoverable for SearchMartin Splitt, Tom Greenaway · Chrome Dev Summit 2018
• 28mJavaScript SEO (The "Right" Way)Jeff Whelpley · MountainWest JavaScript 2014
• 33mDemystifying discoverable web appsMartin Splitt · FrontEnd Con 2018
• 28mTechnical SEO 101 for React DevelopersMartin Splitt · ReactNext 2019
• 28mMaking Chromestatus.com a Lightning-Fast PWAEric Bidelman · Polymer Summit 2016
• 32mDevTools and Headless Chrome - The Automation Power CoupleYonatan Mevorach · GDG DevFest Ukraine 2017
• 02h 21mUnlocking Progressive Web ApplicationsTamas Piros · JSConf.Asia 2019
• 28mBuilding search engine friendly web UIs with JavaScriptIgor Minar · ReactiveConf 2018