Case Study: Fixing Cumulative Layout Shift (CLS) with Netlify Edge Functions

Blind Veterans UK`, a charity organization providing support to vision-impaired veterans, recently partnered with `Reason Digital` to replace their website with a high-performance site optimized for accessibility and security. The new site was built using the Jamstack architecture, which provides flexibility and power through decoupling design from content creation. Key technologies used include `11ty` for rendering pages and `Netlify` for hosting and deployment. The site achieved significant improvements in performance, with a Lighthouse score of 99/100 for accessibility and improved Core Web Vitals scores, including a 10x faster Largest Contentful Paint. Security was also enhanced through the use of security headers and SSL encryption provided by `Netlify`. The platform's flexibility allowed for rapid deployment and control over every byte sent to users, without compromising the CMS layout editor's power. Overall, the new site provides a better user experience while maintaining the charity's ability to deliver new features quickly.