html image won't load despite simple html. Animated .webp nor .gif nor static .png works.
<body>
<img src="test.png" alt="Assembly Animation" style="width:30%;">
</body>
2024-05-09T20:58:39.635016Z Cloning repository...
2024-05-09T20:58:41.082256Z From
2024-05-09T20:58:41.082762Z * branch d8b20e20c013956d9472ec414bcbfea89d7ed7b9 -> FETCH_HEAD
2024-05-09T20:58:41.082863Z2024-05-09T20:58:41.179144Z HEAD is now at d8b20e2 png 2024-05-09T20:58:41.179654Z
2024-05-09T20:58:41.275588Z
2024-05-09T20:58:41.276113Z Using v2 root directory strategy 2024-05-09T20:58:41.301817Z Success: Finished cloning repository files 2024-05-09T20:58:42.927425Z Checking for configuration in a wrangler.toml configuration file (BETA) 2024-05-09T20:58:42.928049Z
2024-05-09T20:58:43.032573Z No wrangler.toml file found. Continuing. 2024-05-09T20:58:43.108742Z No build command specified. Skipping build step. 2024-05-09T20:58:43.109773Z Note: No functions dir at /functions found. Skipping. 2024-05-09T20:58:43.109936Z Validating asset output directory 2024-05-09T20:58:43.749375Z Deploying your site to Cloudflare's global network... 2024-05-09T20:58:45.727268Z Uploading... (3/5) 2024-05-09T20:58:46.317344Z Uploading... (4/5) 2024-05-09T20:58:46.42899Z Uploading... (5/5) 2024-05-09T20:58:46.429339Z ✨ Success! Uploaded 2 files (3 already uploaded) (1.02 sec) 2024-05-09T20:58:46.42954Z
2024-05-09T20:58:46.653287Z ✨ Upload complete! 2024-05-09T20:58:48.570142Z Success: Assets published! 2024-05-09T20:58:49.790751Z Success: Your site was deployed!
16 Replies
probably a relative file issue or issue with the png, what's the url with the issue, and a screenshot of the Assets Uploaded for that build?
If you go to the Deployment in your Pages Project, and then View Details, there's an Assets Uploaded tab
magic link: https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/:pages-deployment/files
This is one of those cases for me where I struggle with something for night and half a day, and when I cave in to ask for help I fix it by repeating the process one more time after 10 times prior and it somehow works!
So pardon me. For some reason it loads now, both .webp and .gif versions work.
Can I ask you if it works on your end as well?
the webp works now yea
Does it load slow for you?
For some reason it's fast on my desktop and slow speed on mobile.
well it's a 16 MB webp lol
it's not slow to me but I can see how if you are connection strained it would be
I mean - after the first loop. It's still stuck on slow replay
oh, no the animation itself doesn't seem particularly slow to me
I have full duplex 200Mb/s
sometimes on custom domains cache can get in the way if you had tried using
machineloop.webp for example before you added the assetI saw something in the docs that I didn't understand well, there is a way to make cloudflare preload images before it's show to users?
So they're not loading frame by frame, which could cause the slow playtime?
what do you mean "preload images before its shown to users"?
like in your example, that webp is a single file, all its animations are included
once the visitor gets it, Cloudflare's done, everything is up to the web browser
it doesn't download each frame or even download the file whenever the animation repeats
Then what could technically cause for the animation to have bigger delay between frames if it's already loaded?
Or where should I look for the culprit of this?
if your device is struggling, or maybe there's some device smoothness/etc settings? Not sure, probably depends what you mean. I assume it could also be different depending on the browser/its renderer you are using
it looks ok for me on Firefox on Windows
I have firefox both on mobile and on pc, also tried edge and it's random. The slowdown happened both on my desktop and on mobile. Probably a caching thing.
On some load it happens on other it doesn't