1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Divi Ultimate Header Speed Issues

Discussion in 'Basic Support Forum' started by Nick Healy, Jul 18, 2020.

  1. Nick Healy

    Nick Healy New Member

    hello,

    I purchased and am using the Divi Ultimate Header on my agency site Stifel-Marcin.com. Our SEO team has been reviewing the site for speed and other potential issues and is seeing that the header seems to be a source of potential page load slow down. In their words:

    “It seems like interacting with that is a potential source of look-up issues.. The menu appears to be called out on Google site speed as having “an excessive DOM size”. It says it is looking up more than 1500 elements in that.”

    Is this something anyone has come across before? Is there something I have installed wrong or need to adjust? Any help would be greatly appreciated. Thanks!

    Nick
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I just ran a Google Pagespeed test on your site: https://developers.google.com/speed...rl=https://www.stifel-marcin.com/&tab=desktop

    And it passes the DOM test. See screenshot below:

    upload_2020-7-19_15-54-24.png
     
  3. Nick Healy

    Nick Healy New Member

    Thank You for the quick response and looking into this!

    So while you are right on the homepage not having that call out I am seeing it on almost every other page of our site. Doing some research over the weekend I see that on a lot of the subpages, this bloat seems to be coming from MetaSlider's we have included on the pages. I am going to try and remove as many of those as possible and I have enables lazy loading, since those are below the page fold hopefully that will pep things up. Doing a page speed test on one of our subpages :
    https://www.stifel-marcin.com/industry/manufacturing-marketing-agency/
    https://developers.google.com/speed...y/manufacturing-marketing-agency/&tab=desktop
    I am seeing the excessive DOM size on this page, in the list of call outs it seems to be some menu related items in this list. I guess my question is if there are any styles or code that I can and should remove based on the fact that the ultimate header we got had six or more different layouts, but we are only using one?

    Thank you in advance for helping me out on this. This is not my area of expertise but I am trying to clean up our site as much as I possibly can.

    Nick
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    DOM size is referring to the number of nodes for your site page. Our header plugin just inject a custom header section, which doesn't affect much.

    I believe lazy loading will not reduce the DOM size.

    I think main difference between homepage & sub-pages nodes are coming from your contact form. On your sub-pages, you have 3 contact forms each. But I don't think it really affect your site by much.
    Those premade header styles are only stored in Divi Library, which are not loaded on your live site. So it doesn't affect the DOM size.