Website images not displaying in China

Website, Application, Performance
1

Hi,

Last year we launched a Chinese version of our website (https://anzcofoods.com.cn). However, testing from within China showed images were not displaying there. This was the reason we moved our site to Cloudflare as we thought it would resolve this issue. However, this is not the case - the images are still not displaying in China (testing in China can be viewed here: ANZCOFoods-China). Can anyone please assist me with getting our website images to display in China?

Note, this site is purely built to be viewed in China. We have a separate English site to be viewed in other countries (https://anzcofoods.com)

Cheers,
Ryan

2

Hi Ryan,
for debugging, we would definitely need the page being called from a desktop/laptop machine (Chrome browser) within China. Please do this, and before calling the page, open the developer console, then share what result you get from the developer console after the page was loaded.

The video was about the page getting called on a phone (iPhone) which made me guess that the page was called from another machine before caching WebP images and then serving them to the iPhone which is not able to handle them on older iOS versions. But chances are higher it is the iPhone having problems with the way you implemented the images:

<figure>
    <img class="b-lazy b-loaded" src="/assets/ANZCO-Foods-China/Tiles3__FocusFillWzYxMCw2MTAsZmFsc2UsMF0.jpg" alt="">
</figure>

But can not tell for sure until you provided the output from a desktop/laptop machine.

1 Like
3

Hi, thanks for your response M4rt1n.

I will need to provide the user in China with detailed instructions on what they need to do from their end.

I have opened the ANZCO Foods China site in Firefox alongside Developer Console and get the following warnings:

Cookie “cookieConsent” will be soon rejected because it has the “SameSite” attribute set to “None” or an invalid value, without the “secure” attribute. To know more about the “SameSite“ attribute, read SameSite cookies - HTTP | MDN cookie-permission.min.js:1:366

Source map error: Error: request failed with status 404 Resource URL: https://anzcofoods.com.cn/_resources/themes/anzcofoods/dist/app.min.css?m=1605733303 Source Map URL: …/sourcemaps/app.min.css.map

And then in Chrome I get this warning:

DevTools failed to load source map: Could not load content for https://anzcofoods.com.cn/_resources/themes/anzcofoods/sourcemaps/app.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Are these warnings specific to my machine or would the person in China see the same? Do they need to record some sort of log through Google Console or are they taking a screenshot of what they see in the Console tab?

Cheers,
Ryan

4

These warnings and 404 errors are not the cause for pictures not loading.
The source-maps are not important and the warning from cookieConsent also is not really important.

Yes please, they should open the developer console. Then call the page and provide a screenshot from the developer console after the page loaded. They shall also tell if the pictures are properly loading from a desktop/laptop machine with chrome.

5

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.