Images are loaded extremely slowly

  • It’s been about a week or two that all my websites on the same multisite suffer from extremely slow image loading when it is first loaded. After it got cached, it loads as good as before, but while caching images are too slowly loaded as if it is like 1990s w/ 2.4kbps modem.

    I have checked with Web server and DB server, but both show no bloat w/ ubuntu’s top. CPU loads are no different from before. I’ve also optimized and ‘repair’ed DB (after making a back-up).

    It could be cache, so I’ve checked WP Rocket, Rocket-Nginx, and Cloudflare. At least with WP Rocket and Rocket-Nginx, I do not see any problem. CF may be an issue, but without CF plugin, the issue is the same.

    What’s left is server, because it occurs to all subsites on the multisite on the same server. I have raid 1 NVMe disks assigned to image folder, which is symlinked to WP. At least the NVMe disks are fine by check disk. Is there anything I have to check on my server? (it is a dedicated server)

    If not the server issue, I wonder what is the cause of this extremely slow image loading. Could there be any lazy loading that I am totally unaware of? One of the things that I have come across earlier (I do not recall where exactly, but should be from the site health checks from one of the subsites) is that WP Rocket’s routine job is not running at schedule. Where can I check the scheduled processed, and how can I debug?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    Some optimizing techniques:
    – ptimize Image Size: Before uploading images to WordPress, resize and compress them appropriately. Use image editing software or online tools to reduce the image dimensions to match the required display size on your website. Compress the images to reduce file size while maintaining acceptable image quality. Smaller image sizes load faster, leading to improved page load times.
    – Use Image Compression Plugins: Install and activate image compression plugins, such as Smush or ShortPixel, which automatically optimize your images upon upload. These plugins apply lossless or lossy compression techniques to reduce file size without compromising image quality.
    – Lazy Loading: Implement lazy loading for your images, which means images are loaded only when they enter the viewport or when they are about to become visible to the user. Lazy loading plugins, like Lazy Load by WP Rocket or a3 Lazy Load, help reduce initial page load times by deferring the loading of images below the fold.
    – Enable Caching: Utilize caching plugins like WP Rocket, W3 Total Cache, or WP Super Cache. These plugins generate static HTML versions of your website, reducing the need to process dynamic content, including images, with each page request. Caching enhances overall website performance, including image loading times.
    – Content Delivery Network (CDN): Implement a CDN to serve your images from multiple geographically distributed servers. CDNs, such as Cloudflare, KeyCDN, or StackPath, store copies of your images on their servers closer to the user’s location, reducing latency and improving loading times.
    – Use WebP Format: Consider converting your images to the WebP format, which offers superior compression and smaller file sizes compared to JPEG or PNG formats. Serve WebP images to browsers that support it, while providing fallback options for browsers that don’t.
    – Optimize Web Server Configuration: Ensure your web server is properly configured for serving images efficiently. Implement GZIP compression to compress image files during transmission, leverage browser caching, and enable HTTP/2 for faster concurrent loading of multiple assets.
    – Remove Unused Images: Regularly audit your media library and delete any unused or redundant images. Unused images take up unnecessary storage space and can impact performance.
    – Minimize Plugins and Scripts: Limit the number of unnecessary plugins and scripts on your website, as they can slow down image loading times. Evaluate and remove any plugins or scripts that are not essential for your site’s functionality.

    Thread Starter Keith

    (@keithkhl)

    Turns out that it is due to a plugin. It’s kinda crucial plugin on my website, so I should find a way with the plugin’s author. Thx for the general guidelines

    Moderator t-p

    (@t-p)

    You are welcome ??

    Hi @keithkhl,

    I have the same issue, please let me know wich plugin infect your site.

    Because I’m trying to find the cause.

    Thanks

    Thread Starter Keith

    (@keithkhl)

    I do nearly daily purging on Cloudflare cache. I found that Cloudflare APO + tiered cache are sometimes incompatible with my setting. Hope this helps @frank10co

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images are loaded extremely slowly’ is closed to new replies.