Delayed loading of some elements elementor

This topic has 12 replies, 3 voices, and was last updated 8 months, 4 weeks ago ago by Rose Tyler

  • Avatar: lew-shop
    lew-shop
    Participant
    February 13, 2024 at 23:35

    hello, why do some elements load with a delay after switching to the new builder, e.g. Breadcrumbs, product title, etc. In the old builder, everything was fine. Your demo also loads ok. After disabling all plugins except woo, elementor and xstore, the effect is not visible improvement. In your every demo it’s ok. How to fix it?

    Please, contact administrator
    for this information.
    11 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 15, 2024 at 06:49

    Hello, @lew-shop,

    Thank you for contacting us and for using XStore.

    1/ We regret to inform you that we are experiencing difficulty accessing the video you have provided in the private content area. It appears that the video is no longer available. https://ibb.co/V9pYGWr

    2/ Please record a video of the problem for a better understanding. Upload it on a filesharing service, for example – https://wetransfer.com/ , and provide us with URL.

    3/ We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/ ), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

    If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

    Please note that you should take a complete backup of your site before proceeding.

    Thank you for your cooperation and we look forward to hearing from you soon.

    Best Regards,
    The 8Theme Team

    Avatar: lew-shop
    lew-shop
    Participant
    February 15, 2024 at 12:40
    Avatar: lew-shop
    lew-shop
    Participant
    February 15, 2024 at 13:00

    Second question: how to add a second category description to the archive?

    Avatar: lew-shop
    lew-shop
    Participant
    February 15, 2024 at 13:29
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 15, 2024 at 14:59

    Hello, @lew-shop,

    We appreciate your prompt response.

    1/ Elementor and our theme use scripts to load content and apply styles, so it takes some time while necessary scripts are loaded. You can enable the site preloader (Theme Options > General) to hide that effect or try to speed up the scripts loading using cache plugin, improve server speed settings. There is no other solution, sorry.
    Our demos do not show the new builder yet, because were developed before the builder was created. We will release new demo versions with the builder soon.

    2/ Please try to use the “Archive description” widget in Archive Builder.

    Best Regards,
    The 8Theme Team

    Avatar: lew-shop
    lew-shop
    Participant
    February 15, 2024 at 15:24

    this is the widget I use. In the old Builder, this section was refreshed, but after switching to the new one, it does not refresh.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 15, 2024 at 15:55

    Hello, @lew-shop,

    Upon review, we have noticed that not all categories currently feature descriptions. Could you please clarify if you are referring to the Shop Banner content that was previously displayed at the top of the product listings when using the old builder? If so, you have the option to incorporate the same content using the current builder.

    Should your inquiry pertain to a different matter, we kindly request that you provide us with a more detailed explanation to better assist you.

    Best Regards,
    The 8Theme Team

    Avatar: lew-shop
    lew-shop
    Participant
    February 15, 2024 at 22:26

    I see that we don’t understand each other. I will describe it in more detail.
    I will show it all in the category – traktorki – https://swiat-zosi.pl/kategoria-produktu/pojazdy/traktorki-dla-dzieci/
    1. The category has a description that includes a static block and a Description after content. in the old archive I have a description above the products and another one below the products (old builder.png). How to add a second description under products in the new builder {new builder.jpg)? please check template – Elementor Products Archive #540612
    2. back to speed,
    please check out this video from old builder-
    https://wetransfer.com/downloads/3c9ebea502d18e1e3de035771250d1f820240215204337/272061c03879751185398140576f617820240215204337/137a12
    . Take a look at Breadcrumbs, they load the same way as the header in old builder

    now check out the video of the new builder and pay attention to the loading of elements
    https://wetransfer.com/downloads/37063a73c680e89794e66b345a0baa8120240215205140/d69941b0e95803ae29fcd9c1c59fc7d620240215205140/f08552
    Additionally, check my psi results, they show that the new builde achieves worse results. (photos attached)

    The same situation occurs in single product

    3. (ajax) In the old builde, when I change the category, the category description changes, just like in the video
    https://wetransfer.com/downloads/7eb1c188699990524ebed8768c785f5020240215210437/77b4e6ea414e64b7af8900b9bc3e84fd20240215210437/c0b81c
    However, in the new one, only the products change and the description (in this case, static block) remains from traktorki category.
    https://wetransfer.com/downloads/ee5d96c0a7ad702741a1a884215a26a820240215210731/66ce980499b39579df8e3204387d3ddb20240215210731/158f00

    Additionally, after switching to the new builder, the amount of code (new.png, old.png) increases significantly, which does not have a positive impact on the website’s performance. Example on Breadcrumbs. I think that switching some elements to elementor worsens the quality of xstore.

    In this case (until it’s fixed) I’m sticking with the old builders. There is still a lot to improve.

    Everything shown here is with optimization plug-ins disabled.

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 16, 2024 at 10:02

    Hello, @lew-shop,

    1. Thank you for providing such detailed feedback! Regarding your suggestion for implementing a second product category description, I believe it’s a fantastic idea that should be considered for implementation in one of our upcoming updates.

    2. Concerning the issue with the speed loading of breadcrumbs and the “fadeIn” effect delay compared to the header section, our default approach involves setting opacity: 0; for all Elementor widgets until they receive a unique attribute signifying that the page has been fully loaded and rendered with styles and scripts. If you wish to display all Elementor widgets even before the page is fully loaded, you can try adding the following custom CSS and observe the results regarding the delay in showing elements:

    body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-et-]>.elementor-widget-container,
    body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]>.elementor-widget-container,
    body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-etheme]>.elementor-widget-container,
    body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-product-etheme]>.elementor-widget-container,
    body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-et-]>.elementor-widget-container,
    body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]>.elementor-widget-container,
    body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-etheme]>.elementor-widget-container,
    body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-product-etheme]>.elementor-widget-container {
     opacity: 1;
     visibility: visible;
    }

    3. We will investigate this situation more thoroughly to fully understand the risks associated with fixing such cases without causing any additional issues. Thank you for describing them so clearly.

    4. Regarding the question about the amount of code, it pertains to the structure of Elementor widgets and cannot be modified from our end. Elementor does offer some features that can help reduce the size of your Document Object Model (DOM), and you can learn more about them and test their effectiveness here: https://elementor.com/help/optimized-assets-loading/

    Best Regards,
    The 8Theme Team

    Avatar: lew-shop
    lew-shop
    Participant
    February 25, 2024 at 21:08

    2.unfortunately it doesn’t work
    4.I can’t use it because it’s incompatible with the theme. here is our previous topic
    https://www.8theme.com/topic/how-to-disable-xstore-swiper-js-2/#post-377896
    5.s it possible to add a video to the gallery in second place? At the moment you can choose either first or last place.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2024 at 08:34

    Hello, @lew-shop,

    2. We would like to inform you that the page https://swiat-zosi.pl/kategoria-produktu/pojazdy/traktorki-dla-dzieci/ no longer features loaders, and as a result, all widgets are now displayed immediately.

    4. Reduce the number of elements you have on “heavy” pages or activate XStore Ajaxify for some widgets to make them loaded only on the first visible view.

    5. We regret to inform you that it is not possible to achieve your desired outcome with the current version of the theme. Item support does not include services to modify or extend the item beyond the original features, style, and functionality described on the item page and you request additional customization.

    Our high-level developers are equipped to provide you with a tailored solution for this. To get a precise estimate and discuss the customization, please submit a customization services request, and we will prepare a detailed estimate for the cost – https://www.8theme.com/account/#etheme_customization_panel (8Theme’s Customisation Services)

    We appreciate your understanding.

    Best Regards,
    The 8Theme Team

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.