How to exclude single product page image using JS Delay

  • Resolved glennpresents

    (@glennpresents)


    1 year, 2 months ago

    I am trying Litespeed cache and it all seems to work fast and well but I have 1 problem which means I cannot use the product. To get it to be fast I have JS Delayed active and the result is that on a woocommerce single product display, the image does not show until I move the mouse. On a mobile this is awful and the page displays the menu and a big white area where the product image should be. I have tried numerous Tuning > JS Delay Exclude delay I cannot find the JS to stope the image from not being displayed. If I change the setting to JS Deferred the single product image displays without issue but the speed is slow. Can anyone tell me how to use JS Delayed so I have the product page image showing without a delay. Prior to using Litespeed I used WP-Rocket and never had this issue with similar settings.
    Thank you in advance for your response

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

    (@qtwrk)

    you can try put 

    wp-content
wp-includes

    into the JS delay exclude first, this will tell you if it’s external JS or inline JS

    if it’s external JS, you can keep narrow it down to wp-content/themes/ or wp-content/plugins/

    if it’s inline JS , then you need to open the page without plugin to see the original content , and then search for all <script tag , these are inline JS , extract a piece of the word to exclude

    Thread Starter glennpresents

    (@glennpresents)

    Thanks for your input qtwrk. I tried excluding wp-content and wp-includes but the issue still exists. Based on your message this then leans they are inline. Can you elaborate on what you mean by ”?search for all?<script?tag , these are inline JS , extract a piece of the word to exclude”. I used the INSPECT command and can see many <script lines. Which of them should I exclude and how do I enter that into the JS exclude field?

    Plugin Support qtwrk

    (@qtwrk)

    like this , after the <script that is the inline JS , you can extract a string from it , ideally as unique as possible , to use as exclude string

    Thread Starter glennpresents

    (@glennpresents)

    Thankyou kindly for your reply and extra information. I will give it a try

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to exclude single product page image using JS Delay’ is closed to new replies.