Improve Lighthouse performance score - minify CSS and optimize images - Githubissues

GSA-TTS / 10x-website

[LIVE] 10x 11ty site

https://10x.gsa.gov

3 stars 0 forks source link

Improve Lighthouse performance score - minify CSS and optimize images #144

Closed jonathanbobel closed 7 months ago

jonathanbobel commented 7 months ago

Description

The site was running very slowly and getting a poor Lighthouse/GTMetrix score

Steps to remedy:

Added additional bundle and minified code attributes to the build config
Altered the home page gradient image to be a smaller .jpg

Further steps:

Optimize all images
Look into removing duplicative CSS
Look into using compile from USWDS - it was successful in getting the CSS even smaller but I couldn't figure out how to combine these in a timely manner

jonadecker commented 7 months ago

Let's prioritize redoing the gradient in CSS. The lossiness bothers me a bit.