Content Download time is very long for images

[lin-ycv]

Select Topic Area

Question

Body

I'm a bit confused on why an image take 13 seconds to download on one of my github pages

I find that the behaviour of github pages when loading images is quite inconsistant, sometimes images takes a long time to load, while other times it's quite fast (not loading from cache)
The image is only 1480x720 (922kb), it shouldn't take 13s.

the HTML that loads the image looks like this

<div class="bgimg" style="background-image: url(&quot;/assets/img/print3d.webp&quot;);"></div>

the css:

.bgimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: center;
    transition: background-image 0.1s ease;
    opacity: 0.5;
    z-index: -100;
}

[utkbkts]

Check that the image path is correct and import it in css and check again

[lin-ycv]

The path is correct, the images does load, just super slow sometimes.

[github-actions[bot]]

🕒 Discussion Activity Reminder 🕒

This Discussion has been labeled as dormant by an automated system for having no activity in the last 60 days. Please consider one the following actions:

1️⃣ Close as Out of Date: If the topic is no longer relevant, close the Discussion as out of date at the bottom of the page.

2️⃣ Provide More Information: Share additional details or context — or let the community know if you've found a solution on your own.

3️⃣ Mark a Reply as Answer: If your question has been answered by a reply, mark the most helpful reply as the solution.

Note: This dormant notification will only apply to Discussions with the Question label. To learn more, see our recent announcement.

Thank you for helping bring this Discussion to a resolution! 💬

[JoeDailey]

This is definitely a bug with pages. I'm seeing <1MB images take >10s

It looks like the duration is related to the order of the downloads, as if each additional download is dramatically slower.