code.visualstudio.com website loads terribly slow on low bandwidth connections

[burtonrodman]

Does this issue occur when all extensions are disabled?: Yes/No

• VS Code Version:
• OS Version:

Steps to Reproduce:

1. limit your internet connection 15Mbps down, 2Mbps up
2. visit https://code.visualstudio.com
3. notice that the home page screenshot takes on the order of 30 seconds to load
4. notice that both the dark and light screenshots load regardless of current theme -- and each are 1.2MB in size
5. notice that many other images on the page are broken

[burtonrodman]

[digitarald]

https://pagespeed.web.dev/analysis/https-code-visualstudio-com/gt6zktz098?form_factor=desktop

Feels like some of these areas were fixed in the past, like deferred loading and gzipped JS/CSS files.

1. Serve images in next-gen formats Potential savings of 2,067 KiB
2. Avoid large layout shifts 2 layout shifts found
3. Largest Contentful Paint element 3,140 ms
4. Defer offscreen images Potential savings of 1,217 KiB
5. Properly size images Potential savings of 1,296 KiB
6. Enable text compression Potential savings of 513 KiB
7. Reduce unused JavaScript Potential savings of 301 KiB
8. Reduce unused CSS Potential savings of 189 KiB
9. Eliminate render-blocking resources Potential savings of 250 ms
10. Image elements do not have explicit width and height
11. Serve static assets with an efficient cache policy 47 resources found
12. Avoid serving legacy JavaScript to modern browsers Potential savings of 0 KiB
13. Avoid enormous network payloads Total size was 3,686 KiB

[digitarald]

@pierceboggan as you update the images it would be a good time to double check they are exported properly and in the right size (maybe even switch to webp).