• page by page remove the json rendering approach from legacy code.

(feel free to release fixes on page by page basis to keep steady progress flowing)

Overview

Something appears to be making the browser repaint the entire window when i scroll, which gives the site an unstable feeling.

This is caused at least in part by how the pages were implemented using JSON rendering. Need to refactor to remove this rendering issue.

This is apparent in blog and in web3.storage website. This ticket is for the web3 website.
https://github.com/web3-storage/web3.storage-content/issues/50 addresses the refactoring / fixing needed on the blog.

Results from quick device testing on 9.27.22

• Not as noticeable on iphone 8 ios 15.6.1 Safari (actually, barely perceptable)
• Same device( iphone 8 ios 15.6.1), Chrome browser more noticeable.
• Pixel6 Chrome latest, probably the most noticeable.
• Pixel 6 firefox, I cannot see an issue
• Desktop macos 12.6 Chrome latest, I see the issue on web3 website when I scroll quickly.
• Desktop macos 12.6 Safari, the web3 website repainting issue very noticeable while scrolling.