Ik heb een vraag ik werk bij verschillende sites met Generatepress en Elementor echter de laatste tijd krijgen mijn websites een DOM waarschuwing bij speedscore testen (eerder niet).

De optie bij elementor en DOM size is geactiveerd.

Weten jullie misschien een (makkelijke) oplossing hiervoor?

Stoppen met Elementor. Of, kleine hack, de builder alleen gebruiken om opgemaakte html te dumpen, scheelt al heel wat laagjes onnodige code.

Edit: als je een alternatieve, snellere builder zoekt, kijk eens naar OxygenBuilder

https://www.youtube.com/watch?v=-cH4htVcPrs

Elementor is zoals Arjen aangeeft waarschijnlijk de oorzaak. Naast Oxygen is er natuurlijk ook gewoon de default Block Editor. Als je iets meer mogelijkheden wilt kun je die uitbreiden met de GenerateBlocks plugin. Eventueel zijn er nog meer prima pagebuilders. Oxygen bijvoorbeeld, maar ook Spectra en Kubio die een soort van uitbreiding van de default block editor zijn. Breakdance schijnt ook erg goed te zijn. Er is er nog eentje, maar die schiet me nu even niet te binnen. Maar misschien is het handig om je eerst eens in de block editor en Generateblocks te verdiepen. Er zijn vrij actieve FB-groepen van GeneratePress en GenerateBlocks. Hun support via hun website(s) is trouwens ook top.

Ik ga zeker kijken naar de suggesties maar wellicht had iemand een oplossing voor de bestaande sites

DOM-size wordt meestal veroorzaakt door de ongelooflijk grote hoeveelheid CSS-classes en soortgelijke meuk die pagebuilders als Elementor in de code prakken. Deze plugin biedt wat oplossingen maar ik denk dat de resultaten niet echt significant zijn: https://wordpress.org/plugins/wp-asset-clean-up

Origineel gepost door Roel C.

Ik ga zeker kijken naar de suggesties maar wellicht had iemand een oplossing voor de bestaande sites

Je gebruikt waarschijnlijk teveel containers in je opmaak, bijvoorbeeld in 1 container met 3 columns, dat zijn in feite 4 containers.

Je moet je elements via inline plaatsen. Een image rechts via position ipv 2 columns gebruiken.

^ Toevoeging; het is inderdaad nogal site afhankelijk en vaak wel duidelijk waarom het mis gaat. Ik zie het bijvoorbeeld wel eens als je grote inline svg's hebt, of je images base64 encode. Als je geen gekke dingen doet, zie je deze melding niet snel en zijn er dus ook niet echt 'algemene tips'. Een (paar) nested div meer of minder maakt meestal het verschil niet.