ic-design-system icon indicating copy to clipboard operation
ic-design-system copied to clipboard

Improve performance of the guidance site by using the `gatsby-plugin-image` plugin

Open GCHQ-Developer-112 opened this issue 2 years ago • 0 comments

Summary

The performance of our website, in particular, component pages are less than optimum. Performance was tested using "Lighthouse" in DevTools. Our performance score can be improved by using a Gatsby plugin called gatsby-plugin-image.

💬 Description & 💰 Use value

Using the plugin's <StaticImage/> component, we can address some of the performance issues around using <img/> and lazy-loading.

Lighthouse report run on mobile size

Screenshot 2023-12-13 at 19 10 38

Lighthouse report run on desktop size

Screenshot 2023-12-13 at 18 58 10 Screenshot 2023-12-13 at 18 58 29

GCHQ-Developer-112 avatar Dec 13 '23 19:12 GCHQ-Developer-112