Extremely slow image load times on first load.

  • Resolved techdaddies

    (@techdaddies)


    4 years, 7 months ago

    Whatever is happening here is directly related to LS Cache, because when the plugin is disabled, the page loads immediately. You can see the problem at https://hoopmama.com/product-category/embroidery-cutting/page/5/ and any other catalog page with lots of images. The first load of the page takes a very long time, but subsequent loads are quick. This is caused because the page loads each image individually, very slowly, almost like it’s generating them on the fly. The only way I can get good performance is to disable the LS Cache plugin entirely, but that’s not an option. Any ideas on where to begin? I’ve gone through every setting of both Litespeed and the LS cache plugin and I just don’t see what could be causing this.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Do you have any kind of lazy load feature ?

    Because if I bypass cache plugin , it behaves in same way.

    Best regards,

    Thread Starter techdaddies

    (@techdaddies)

    I don’t think there is any lazy loading plugin on the site, but I can’t say for 100% certain, because this is a client’s site. I will find out, though. It’s unclear to me how a lazy load plugin would cause LS cache to send images to the browser slowly though.

    I am also experiencing really slow image loading when I turn on the Lazy loading option. The gray placeholder stays for almost 1-2 sec.

    Thread Starter techdaddies

    (@techdaddies)

    That isn’t my issue. We DO NOT have the lazy loading option enabled in the plugin. And yet the images load one at a time, veeery slowly, and only on the first page load. It’s almost like the page is waiting for the server to generate the image on the fly or something, it’s very odd.

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Did you enable Low Quality Image Preview feature ?

    And also , please try export your current setting , then reset to default, purge all , and see how it goes.

    Best regards,

    Thread Starter techdaddies

    (@techdaddies)

    No, the low quality image preview feature is not enabled.

    I just went through and changed one setting at a time (From the default configuration) and finally stumbled upon the issue. Whenever I enable ESI, the images load one at a time, extremely slowly. As soon as I disable ESI, the page loads instantly.

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    That makes sense now.

    If ESI treats each individual images as one block , it does one PHP request , and when you have a lot of images , it takes a lot of requests to make it.

    Best regards,

    Thread Starter techdaddies

    (@techdaddies)

    Is there somewhere I can read more about how ESI works? Is it possible to treat some content as shared between users? Obviously, in the case of product thumbnail images, everyone is going to be seeing the same thing and it doesn’t need to be cached per user…

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    About ESI, please this wiki

    this may give you some idea how ESI works.

    Actually I was thinking this ESI block may not be added by LSCWP itself , but by 3rd party plugin with our API

    Could you please go to admin area , left-side bar —> LiteSpeed Cache —> Toolbox —> [6] Debug Settings

    in this page:

    set Debug Log to Admin IP Only

    add your IP into Admin IPs (you will see your IP below.)

    set Debug Level to Advanced

    save changes.

    Now go to [7] Log View, click on admin-bar LiteSpeed Cache —> Purge All

    then click button [D] Clear Log , keep this window open, don’t close it nor navigate away from it.

    Now ,open a new window, access your home page.

    once page is loaded , go back to Log View window and refresh this page, you should see the debug log is showing up.

    Then please copy all the text , paste it into https://paste.ubuntu.com/

    then post the link it generated for you.

    Best regards,

    Thread Starter techdaddies

    (@techdaddies)

    With ESI enabled, here is the advanced debug log for one request of a catalog page (Which is where we notice the issue the most, due to the number of images on it)

    https://hoopmama.com/tmp/2020-05-05-lscache-debug.txt

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    Yes, in log , you will see dozens of

    Query String: lsesi=yith_wcwl_add&_control=private%2Cno-vary&esi=eyJ5aXRo

    each of them means one ESI request, there are a lot of them , so it slows down a lot.

    Please keep the ESI off for the time being , I will report this issue to our developers for further analysis

    Best regards,

    Did this get fixed as I’m also using ESI and struggling with slow page load times.

    Any updates on this problem? I am having the same issue with ESI

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Extremely slow image load times on first load.’ is closed to new replies.