Return to previous page

10web booster tweaks – slider and sidebar widgets js files to exclude from “Delayed JS files”

This topic has 12 replies, 2 voices, and was last updated 9 months, 2 weeks ago ago by Krzysztof

Krzysztof

Participant

May 8, 2023 at 15:15

Hi
I’m testing 10web booster and speed results are great but I do have one topic where I need your help.
By default 10web booster using a technique called “delay JS files”. In short it means that JS files are not loaded until there is at least a mouse move on the screen. In majority of the cases it works great, but I have two elements which I would like to exclude from optimization as it looks weird on the first page load 🙂
Those are:
– “Slides” (elementor element from xstore) on a frontpage
– “sidebar widgets” on shop pages (on the left) where widgets are “sticky”

Could you please help me to identify which js files are responsible for above so I can exclude them from optimization/delay ?

#355968 Copied Theme version: 9.1.3

11 Answers

Krzysztof

Participant

May 8, 2023 at 15:26

small edit … I see now “Slider” and “Slides” elementor elements. So if we could identify both js files please 🙂

#355973 Copied

Rose Tyler

Support staff

May 9, 2023 at 08:11

Hello, Krzysztof,

Thank you for contacting us and for using XStore.

We would recommend you use only the new element called Slides rather than the old Slider element (because it was built from stretch and was written with most optimization code techniques at this moment)

Anyway below is a list of files required for the correct work of those widgets:

1/ For correct work of the Slider element
http://yourwebsite.com/wp-content/themes/xstore/js/modules/swiper.min.js
http://yourwebsite.com/wp-content/themes/xstore/js/modules/swiperInit.min.js
http://yourwebsite.com/wp-content/themes/xstore/css/modules/builders/et-slider.min.css (if CSS minification option is active → https://prnt.sc/FBnBGGkCnljm ) or http://yourwebsite.com/wp-content/themes/xstore/css/modules/builders/et-slider.css ( if CSS minification option is inactive)

2/ For correct work of Slides element
http://yourwebsite.com/wp-content/themes/xstore/js/modules/ethemeElementorSlider.min.js
http://yourwebsite.com/wp-content/themes/xstore/css/modules/builders/elementor/etheme-slides.min.css (if CSS minification option is active → https://prnt.sc/FBnBGGkCnljm ) or
http://yourwebsite.com/wp-content/themes/xstore/css/modules/builders/elementor/etheme-slides.css ( if CSS minification option is inactive)

We hope this information is helpful.

Kind Regards,
8theme team

#356034 Copied

Krzysztof

Participant

May 9, 2023 at 09:44

great thank you .. what about sticky sidebar widgets on shop page ?

#356055 Copied

Rose Tyler

Support staff

May 9, 2023 at 15:21

Hello, Krzysztof,

Thank you for your response.

We understand that you are inquiring about the script name of the sticky sidebar. In this case, you will need to specify the following files that are responsible for this feature:
http://yourwebsite.com/wp-content/themes/xstore/js/modules/libs/jquery.sticky-kit.min.js
http://yourwebsite.com/wp-content/themes/xstore/js/modules/stickySidebar.min.js

Kind Regards,
8theme team

#356135 Copied

Krzysztof

Participant

May 9, 2023 at 18:31

thank you … I will report back if successfully implemented so others can make a use of it 🙂

#356149 Copied

Rose Tyler

Support staff

May 10, 2023 at 07:24

Hello, Krzysztof,

You’re welcome!

Kind Regards,
8theme team

#356183 Copied

Krzysztof

Participant

July 9, 2023 at 19:38

Hello again

On the single product page, there are “tabs” with description, information etc.
Could you be so kind and instruct me which js files are responsible for those tabs ? I would like to exclude them from “JS Delay” if possible. Therefore need to know names of all files necessary to properly display/load it.

PS:
I tried tabs.min.js and ethemeAdvancedTabs.min.js but didn’t worked.

#361617 Copied

Rose Tyler

Support staff

July 10, 2023 at 13:26

Hello, Krzysztof,

1/ You can try to set next file for exclusions:
http://yourwebsite.com/wp-content/themes/xstore/js/modules/single-product-builder.min.js

2/ About “Therefore need to know names of all files necessary to properly display/load it.” – There are about a hundred of Js files and each one is requested for own reasons. In case you have any questions about “What file is loaded for Y action“ – we will give you an answer. For this time it is more time-consuming to write a list of all files and describe each one’s action, so please, submit a question once you have a logic question for knowing the name of one file.

We hope this information is helpful.

Kind Regards,
8theme team

#361666 Copied

Krzysztof

Participant

July 10, 2023 at 15:18

Hi

thank you for your answer … via testing 😉 i managed to find a proper set of js files to be excluded from JS Delay and product page looks and works as it should. Here is the list (maybe someone else will make use of it) 🙂
– fancy.select.min.js
– single-product-builder.min.js
– etheme-scripts.min.js
– single-product.min.js
– woocommers.min.js
– all other files containing “et-” in name

Ot top I also excluded:
– cartProgressBar.min.js
– cart-fragments.min.js

fille names should explain what those files are for 🙂

#361683 Copied

Rose Tyler

Support staff

July 10, 2023 at 16:10

Hello, Krzysztof,

Is there anything else we can help you with?

Kind Regards,
8theme team

#361695 Copied

Krzysztof

Participant

July 11, 2023 at 10:36

all good .. thank you once again for great support 🙂

#361743 Copied
Tagged: 10web booster, delayed, exclude, js files, sidebar, slider, widgets, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘10web booster tweaks – slider and sidebar widgets js files to exclude from “Delayed JS files”’' has been successfully resolved, and the topic is now closed for further responses

10web booster tweaks – slider and sidebar widgets js files to exclude from “Delayed JS files”

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection