JS Delayed Exclusion

Elliot Stenson

• July 25, 2023 10:10

Hi,

I need JS delay on, however I need to find a way to exclude my H1 Headings from being delayed, since they don't load in until the user moves the mouse on the screen or scrolls on mobile, creating a ux issue

This can be seen here http://lightspeedindustries.co.uk/

How can i find the code to exclude this, and is there a way to make it so no headings on my website are delayed without excluding each individual one?

 

Any help would be grealty appreciated.

 

Kind regards,

Elliot

How

0

• 

  Ariel H.

  • July 25, 2023 13:55

  Hi Elliot,

  Thank you for contacting us. 

  If I understand correctly, you are referring to JavaScript delay in LiteSpeed cache plugin. Unfortunately, when this plugin is active, it affects the entire website, including H1 and other headings. 
  However, you can try to address the issue partially with the following CSS code, this will only remove CSS animations applied to these elements:

  #header, h1, #header h1, #header h1 * {
    animation: none; /* Remove all animations */
    animation-delay: 0s; /* Remove any delay */
    opacity: 1; /* Make the element fully visible */
  }

  Please try adding the above CSS to Additional CSS in the customizer and see if this helps.

  I recommend reaching out to LiteSpeed support directly. They might be able to provide you with some guidance or offer a solution to exclude my H1 Headings from being delayed.

  Sorry for the inconvenience.

  Best regards,
  Ariel H. 

  0

Please sign in to leave a comment.