I’ve run into a perplexing issue on our website that I hope someone can help with. Our page has been running smoothly for months, but starting from 4.08.2023 (without making any edits), we’ve been experiencing problems displaying some images on certain browsers. Here’s a breakdown of our observations:
Chrome Desktop: The images sometimes display perfectly, but at random moments, they fail to load.
Chrome Mobile on iOS: A mix of experiences among users - some can view all images without a hitch, while others face issues.
Microsoft Edge: Unfortunately, this is a universal problem. Images don’t display for anyone. (Classic Edge, right? )
Safari and Brave: Similar to Chrome Mobile, it’s hit or miss. Some users can view the images, while others can’t.
We’ve attempted a solution by re-uploading the images. Though this seemed to momentarily resolve the issue, the problem re-emerged after just a few minutes.
Has anyone else faced a similar situation or could possibly shed some light on a potential fix? Your assistance is much appreciated.
Best regards and looking forward to your insights.
@Martin_Dadak - The normal process of debugging website issues is to leverage the browser built-in debugging tools. There are a host of reasons why you could be experiencing loading / page issues and that is the only way to pin them down. If you can’t pin your issues down try Webflow support. If you aren’t happy with that route I offer consulting in this space and have over 20+ years enterprise experience doing so. Should you need professional assistance feel free to reach out.
I’ve got the same issue and it’s a bad one!
Some images, inexplicably, don’t show in Edge.
This is clearly a WEBFLOW BUG, NOT a loading/page/browser issue (as it seems to imply webdev in his patronising answer) and MUST be solved by WEBFLOW immediately!
Patronizing? I really don’t know what you’re reading. Jeff shared some excellent guidance there.
The web is a pretty simple thing. HTML references an image, the browser retrieves it and displays it. All browsers receive the same HTML, so if Webflow had some form of hosting issue it would affect all browsers, not only Edge.
Edge uses Chromium, the same as Google Chrome, so in theory you should get similar page rendering. If you can reproduce the issue consistently, you can use your browser’s dev tools to figure out where the problem is.
A few things that might help you identify what Edge is struggling with-
If you’re using an older version of Edge, it might not support WEBP’s, or it might not support a certain CSS filters you’re applying, or it might struggle with WEBPs that have transparency or that are used as CSS background images. See if you can find a pattern as to what isn’t showing.
Adblockers or other extensions you have enabled in Edge could be blocking images or modifying the page before it’s rendered
Corrupted browser caches can break everything, try clearing it
Hope you find it. If you do, please share what you’ve discovered with the community, it will almost certainly benefit others.
)
I really don’t know what you’re reading. Jeff shared some excellent guidance there.