Fix homepage CLS problem

[tellison]

The adoptium.net homepage shifts the buttons position during load, starting with latest download and release archive,

then inserting other platforms/versions as determined they are available.

This is a usability fail

[xavierfacq]

Hi @tellison

Can you assign me this issue!

[tellison]

I see a partial fix (thanks!) on my testing.

The "Other platforms and versions" button is correctly drawn, but the platform name in the subtitle still appears delayed. I see "Download Temurin" change to "Download Temurin for MacOS x64".

Not sure how soon the platform information is available to get the string built early enough.

So I get...

before I get...

[xavierfacq]

hi @tellison,

Thank you for your feedback 🙏
The platform name in the subtitle appears delayed because it depends of the detected OS in the navigator.

Steps are:

• print the default button with "Latest LTS Release" with the link to /temurin/releases (good for SEO)
• detect the OS from the navigator
• run non-blocking call to retrieve the latest version for the detected OS
• improve the button to be adapted to the OS

imho it's not a problem, let me know if you want me to investigate more on this point.

[tellison]

Thanks for the explanation. It's much better than it was previously, but at least on a slow connection it can still cause the screen to "shift down" as the detected OS is completed and the subtitle is changed. That's not ideal IMHO. No good suggestions about how to resolve it and it is not worth spending much time to fix.

[xavierfacq]

Even if the issue is closed I can suggest something 😄

What do you think if the button 'Latest LTS releases' is bigger until the async call to finish, in order to have the same height and avoid the screen to "shift down"?