Return to previous page

Avoid an excessive DOM size - by sklstr - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 3 years, 1 months ago ago by Olga Barlow

  • Avatar: sklstr
    sklstr
    Participant
    October 7, 2021 at 14:30

    After customizing website now total DOM size 1297.
    but after product listing The DOM size increasing a lot.
    How can I fix this problem?
    Please help me.

    #304893 Copied Theme version: 8.0.7 WooCommerce version: Version 5.7.1
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 7, 2021 at 14:42

    Hello,

    Read these posts about DOM https://docs.wp-rocket.me/article/1412-avoid-an-excessive-dom-size https://isotropic.co/avoid-an-excessive-dom-size-on-your-wordpress-website/
    Edit your page and Product elements and enable Lazy loading for the Product elements. It should reduce the DOM structure. Also, you may try to reduce the DOM results on the page by reducing the number of sections of the page/elements in the footer or header.

    Regards

    #304894 Copied
    Avatar: sklstr
    sklstr
    Participant
    October 7, 2021 at 17:43

    After product listing DOM size increasing. I did tried many ways. Can I share user ID?

    Please contact administrator
    for this information.
    #304908 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 8, 2021 at 14:59

    Hello,

    Edit your page and enable Lazy loading option in the Product elements settings.

    Regards

    #304969 Copied

  • Tagged: , , , , ,

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

The issue related to '‘Avoid an excessive DOM size’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme

See All Templates

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