Why text takes time to load

Question

When I load this the background comes up right away but the text takes a second to load. Why is this? Is it because it has to get the img from google drive which takes time?
What can be done to make it all appear together
Here is my code

https://sololearn.com/compiler-playground/WjLwqVh2ne0l/?ref=app

Answer 1

you can try prefetching it.

put this in the html head

<link rel="prefetch" href="https://drive.google.com/thumbnail?id=1rLDoeQz0vz-g5gc-YFXOb_QuJ3hM32_x">

here is a link to an SO topic with a few more suggestions:
https://stackoverflow.com/questions/819336/how-to-preload-images-without-javascript

also, you can try to use faster servers or smaller images. You don't always need big hd images.

Answer 2

Bob_Li
The img is 36kb. I should make it smaller than that?
Also, I put the link in the head and I don’t see a difference.

Answer 3

Google drive isn't really meant to be an image server. Perhaps they are intentionally slowing it down to discourage people from using it as such?

Answer 4

That’s too bad.🙁. It really is convenient.