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 2 years, 6 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – 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.