Deferred JS exclusion list does not work

When I turn off all page optimization except for the deferred JS. The mobile menu starts working before the first interaction. But the image carousel still doesn’t work right away.

• This reply was modified 2 years, 11 months ago by Jan Dembowski.
• This reply was modified 2 years, 11 months ago by Igor.

I’ll leave you the second option. Only deferred JS is included. This option shows bugs in developer tools. They only appear when deferred JS is enabled.

List of deferred JS:

jquery.min.js
jquery.js
searchFullScreen
menuDropdowns
cartWidget
slick
productImages
cookie.min
owlCarousel
owlCarouselInit.min.js
owl.carousel.min.js
productImagesGallery.min.js
mobileNavigation.min.js
menuSetUp.min.js
menuOffsets.min.js
loginSidebar.min.js
lazyLoading.min.js
js.cookie.min.js
imagesloaded.min.js
helpers.min.js
clickOnScrollButton.min.js
cart-fragments.min.js

• This reply was modified 2 years, 11 months ago by Jan Dembowski.
• This reply was modified 2 years, 11 months ago by Igor.

Version 2.2 ??
Changed template for displaying product images. Now scrolling images only appears after page reload.
Interestingly, after reloading the page. The next time you visit this page, the display will be correct.
Content image carousels below on the page don’t work at all.
The sticky title menu feature on desktop doesn’t work at all.

__

With JS minification and merging enabled. The page is displayed correctly. But only after the first interaction.

Disabling all JS features to optimize the page fixes the issue of the page displaying correctly.

• This reply was modified 2 years, 11 months ago by Igor.
• This reply was modified 2 years, 11 months ago by Igor.
• This reply was modified 2 years, 11 months ago by Igor.

Hi,

you also have some inline JS, have you tried exclude them as well ?

Best regards,

Probably not. Please tell me how to do this.

I took js from dev tools and substituted them all one by one.

Hi,

open the page with query string /?LSCWP_CTRL=before_optm , e.g. https://www.domain.com/?LSCWP_CTRL=before_optm , then view the HTML source code

search for keyword as <scrip , these will be your inline JS code

Best regards,

Thanks for the quick response. What values to try added to the deferred JS exception list?

<script type = ‘text / javascript’ src = ‘https: //cabian.ru/wp-includes/js/jquery/jquery.min.js? ver = 3.6.0 ‘id =’ jquery-core-js’> </script>

ID or link?

Hi,

no , this is the link to the file , not inline

for example at very beginning of your HTML , there is a line

<script>window.MSInputMethodContext && document.documentMode && document.write('<script src="https://cabian.ru/wp-content/themes/woodmart/js/libs/ie11CustomProperties.min.js"><\/script>');</script>

this is the inline JS , you can extract a piece of string in above code and use it to exclude , e.g you can extract MSInputMethodContext or ie11CustomProperties as string to exclude

and please do remember purge all

Best regards,

thanks

And from here?

<script type=”text/javascript” id=”wd-flicker-fix”>// Flicker fix.</script>

Almost all scripts in the code look like this:
<script type=’text/javascript’ src=’https:__cabian.ru/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.3′ id=’contact-form-7-js’></script>
<script type=’text/javascript’ src=’https:__cabian.ru/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21-wc.5.9.0′ id=’zoom-js’></script>
<script type=’text/javascript’ id=’wc-single-product-js-extra’>

But you say this is not the entry to look for, right?

Best regards

• This reply was modified 2 years, 11 months ago by Igor.

I don’t think I’ll find the right scripts there. I’ve seen and tried them all. The problem is different. Sometimes the sticky menu works, sometimes it doesn’t. You don’t need to be an expert to understand from these signs that the problem is in the code, and not in adding the necessary scripts to the list of exclusions.

Best regards

for the record, the JS’ that need to be excluded were provided by theme’s doc

jquery.min
helpers.min.js
clickOnScrollButton
searchFullScreen
menuOffsets
menuDropdowns
cartWidget
mobileNavigation
loginSidebar
menuSetUp
cart-fragments
slick
productImages
cookie.min
owl.carousel
owlCarousel
imagesLoaded

Thanks.

I will clarify. They need to be added to both the deferred JS sheet and the excluded JS sheet.

Hi @qtwrk,
It would be nice if there was information in the documentation on how to exclude inline scripts:
https://docs.litespeedtech.com/lscache/lscwp/pageopt/#js-excludes

Thank you for your effort!

I checked it out. The suggested setting is useless. Errors in developer tools have not disappeared. In terms of page speed, the site began to show worse and unstable results.
Output. The deferred JS exception list function in the plugin works poorly, if at all. This needs to be recognized and corrected.

• This reply was modified 2 years, 11 months ago by Igor.