Images don’t show up on some mobile and tablet browsers

  • The images are not loading on my website on some mobile and tablet browsers.

    After clearing my website, browser and Cloudflare cache multiple times, I finally got them to load my mobile and iPad browsers. However, the images still don’t load on my friend’s iPhone Safari browser in private mode.

    I’m using WordPress 5.4.2. The images are uploaded using the standard image block on Gutenberg, which is why I believe it’s a WordPress issue itself.

    The website theme doesn’t matter, as I tried switching to the default WordPress Twenty Twenty theme and the issue persists with the same images not loading.

    I really hope I don’t have to clear my caches multiple times per day in order for my website visitors to see the images. :S

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Try created a dedicated images subdomain and upload your images this way. For example, i.example.com or images.example.com. Check with your hosting provider if creating a subdomain is available. This is an easy method of uploading your images, but you may need to link to your images from your images subdomain what you’ve created yourself. If you were relying on directories, link to your images directory. You may need to turn on editing code that is text-based to adjust your image sizes per each post or page.

    You have enabled lazy loading of images on your website. Have you tried disabling lazy loading? Lazy loading make your site load faster but may potentially cause problems.

    Thread Starter ilovemyfandom

    (@ilovemyfandom)

    @fairy-rider This sounds complicated. All my images now are in my media library. Do I have to reupload my media library into the subdomain, and then in my actual blog post itself, instead of choosing an image from my media library, I key in the URL for the image in the subdomain?

    Is there an easier solution? ??

    @sanujacom I tried disabling lazy loading, but I have the same problems. ??

    Could it be a hosting problem?

    Option 1: download all of your images from your media library. If you have existing images, you can download them to your computer. After you downloaded your images; upload your images to your images subdomain.
    Option 2: If you have existing images on your local machine; upload them to a subdomain of your website. Be sure to remove photos from your wordpress media library on your website.
    If you use option 2; reuploading your images is necessary. Don’t forget to free up your WordPress library where media is stored inside your CMS.
    Did you have trouble relocating your images? Please tell me these steps to reproduce a problem.

    Thread Starter ilovemyfandom

    (@ilovemyfandom)

    My main concern is that creating a subdomain for my images may affect my SEO. I’ve tried checking my images again though, and they seem to be appearing fine now on those mobile devices that had a problem.

    Fingers crossed that it’ll stay this way! Otherwise I’ll have to try the subdomain method.

    Thanks for your help!

    Storing your images in your subdomain of your website will affect your SEO.

    Thread Starter ilovemyfandom

    (@ilovemyfandom)

    Ahhh, got it. ?? I definitely want to avoid that! Hopefully my images stay visible!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Images don’t show up on some mobile and tablet browsers’ is closed to new replies.