Deferred JS exclusion list does not work

Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    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 4 years, 6 months ago by Jan Dembowski.
    • This reply was modified 4 years, 6 months ago by Igor.
    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    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 4 years, 6 months ago by Jan Dembowski.
    • This reply was modified 4 years, 6 months ago by Igor.
    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    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 4 years, 6 months ago by Igor.
    • This reply was modified 4 years, 6 months ago by Igor.
    • This reply was modified 4 years, 6 months ago by Igor.
    Plugin Support qtwrk

    (@qtwrk)

    4 years, 6 months ago

    Hi,

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

    Best regards,

    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    Probably not. Please tell me how to do this.

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

    Plugin Support qtwrk

    (@qtwrk)

    4 years, 6 months ago

    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,

    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    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?

    Plugin Support qtwrk

    (@qtwrk)

    4 years, 6 months ago

    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,

    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    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 4 years, 6 months ago by Igor.
    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    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

    Plugin Support qtwrk

    (@qtwrk)

    4 years, 6 months ago

    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
    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    Thanks.

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

    pepe80

    (@pepe80)

    4 years, 6 months ago

    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!

    Thread Starter Igor

    (@igriq)

    4 years, 6 months ago

    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 4 years, 6 months ago by Igor.
Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Deferred JS exclusion list does not work’ is closed to new replies.