Site logo

[Support request] DOM bloat possibly tied to GeneratePress Pro

Home Forums Support [Support request] DOM bloat possibly tied to GeneratePress Pro

Home Forums Support DOM bloat possibly tied to GeneratePress Pro

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2178653
    Michael J

    Quoted text from performance test results regarding DOM:

    “Your DOM has 2,874 elements in total

    How to fix
    The score depends solely on the total number of nodes found on the page. The median is 1400 nodes; however, for a perfect score, your DOM’s total nodes should be lower than 275. Try the following to improve your score:

    Most of the time, your theme is responsible for adding redundant DOM nodes to your site. Activate the default TwentyNinteen theme, and compare the performance score. If the score improves, that means your current theme is the culprit, and you should either use another efficiently coded theme or work with the developer to see what changes can be made.
    Since the total number of nodes depends on the size of the page, break large pages into multiple smaller ones to reduce the total node count.”

    I’m going asset-by-asset to try and determine what, if any advanced optimization I can enable such as moving to header, footer or in-line. This is technical terrain I’m just learning about so I will need help from Mr. Usborn & Co. to get my website’s assets [CSS & Javascript} tied to GeneratePress Pro theme and GenerateBlock Pro configured to (dramatically) improve my website https://luxe-edit.com performance per GTmetrix test reporting.

    Help / assistance will be GREATLY appreciated — if yo need admin level access to my website let me know and I’ll setup a User for you.

    Thank you

    Michael

    #2178872
    David
    Staff
    Customer Support

    Hi there,

    every ‘element’ displayed on a page whether that be a paragraph, a menu item, an image or the invisible stuff for things like containers and grids all generate HTML. Each one consisting of 1 or more DOM Nodes.

    So everything you add to your site will increase the nodes the accordingly.

    I noticed you have a very deep menu in the primary navigation.
    I checked your sites source code and searched for menu-item which is part of a CSS class that WP adds to all menu items. And that search returned over 970 of them….thats a lot of menu items and over a 3rd of your DOM node size.
    To put that into perspective – generatepress.com has less then 20

    You may want to review you menus.

    #2179214
    Michael J

    Hi David,

    Thank you for getting back to me so quickly and for further explaining everything that ‘lives’ under the ‘node’ moniker. I have been slowly working on the TOP NAV menu to try and make it more efficient — your remarks are more context as to why it was already on my To Do list but I’ll move it to a highest priority item.

    Let me ask you a followup question – is ‘node’ total all tied to my various types of content alone or is another that total attributed to WP itself? I think I know the answer but I’m one to seek clarity rather than assume then I’m know what’s up and deepen my understanding at the same time.

    Michael

    #2179301
    Fernando
    Customer Support

    Hi Michael,

    The total DOM nodes in your test is the number of nodes specific to the DOM created when a page is loaded.

    To simply put it, it is the total number of elements in a page, and not the total number of elements in WordPress itself.

    Hope this clarifies. 🙂

    #2179315
    Michael J

    So, the nodes total I’m seeing is the total for my entire website and has nothing to do with the inherent bloat that is WordPress itself. That total is for my entire website not just one of the 527 pages and posts that comprise Luxe-Edit.com.

    Now that, that is clarified — I will be pivoting to addressing all of the CSS and Javascript assets Hummingbird has identified that appear to require more advanced optimization like move to the header, the footer or run in-line all of which I’m just learning about so it will require asset-by-asset research as to which I should select to re-configure my settings to to increase performance of my website.

    Feels like I’m attending Optimization University — really loving Hummingbird from WPMU DEV.

    Michael

    #2179333
    Fernando
    Customer Support

    Yes, you’re correct! Glad you’re enjoying this! Feel free to reach out anytime you’ll need assistance with anything else.

    #2179338
    Michael J

    I will. If I encounter any line item assets in my Hummingbird reporting that are GeneratePress I will reach out for help as to how to configure them.

    Michael

    #2179341
    Fernando
    Customer Support

    Noted Michael! Hope you have a nice day! 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.