Welcome to charisTheo.io
Minimising Layout and Layout thrashing for 60 FPS
Minimising Layout / reflow and Layout thrashing events in the browser for smoother experiences on the web.
Lazy loading React components
Lazy loading React components in both server and browser environments can prove challenging depending on the framework you are using.
Replace GIF with Video in Sanity + Gatsby
Replace GIF image formats and use video instead to render animations on the web while using Sanity + Gatsby
Placeholder image fallbacks for PWAs
Rendering an image placeholder in case the original image was not found in Progressive Web Apps.
Environment variables and Babel
How to configure environment variables inside of
Prevent image layout shifts in Sanity + Gatsby
Prevent layout shifts due to images by preserving their aspect ratio in Sanity + Gatsby.