Classic – Gutenberg – Elementor

Based on my tests. Use the Classic Editor. If you have to use something making blocks, go with Elementor. Most of the stuff cleans out nicely and it doesn’t add to your database content. The gallery did the worst, which is why I chose it. I don’t have the Pro version so I couldn’t test everything, but what I did test of it seems to leave content – content.

What I found…

Gutenberg database post_content
Speed test: 1.483s
<!-- wp:heading -->
<h2>Gutenberg Heading</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"dropCap":true} -->
<p class="has-drop-cap">To get the dropcap to work you have to type everything, then click on drops it seems. Let's see if it works.</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"ids":[2382,2381,2380,2379],"columns":4} -->
<figure class="wp-block-gallery columns-4 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="https://websupportgoddess.com/wp-content/uploads/500x500.jpg" alt="" data-id="2382" data-full-url="https://websupportgoddess.com/wp-content/uploads/500x500.jpg" data-link="https://websupportgoddess.com/500x500/" class="wp-image-2382"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://websupportgoddess.com/wp-content/uploads/400x400.jpg" alt="" data-id="2381" data-full-url="https://websupportgoddess.com/wp-content/uploads/400x400.jpg" data-link="https://websupportgoddess.com/400x400/" class="wp-image-2381"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://websupportgoddess.com/wp-content/uploads/300x300.jpg" alt="" data-id="2380" data-full-url="https://websupportgoddess.com/wp-content/uploads/300x300.jpg" data-link="https://websupportgoddess.com/300x300/" class="wp-image-2380"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://websupportgoddess.com/wp-content/uploads/600x600.jpg" alt="" data-id="2379" data-full-url="https://websupportgoddess.com/wp-content/uploads/600x600.jpg" data-link="https://websupportgoddess.com/600x600/" class="wp-image-2379"/></figure></li></ul><figcaption class="blocks-gallery-caption">Gutenberg Gallery add</figcaption></figure>
<!-- /wp:gallery -->

Elementor database post_content
Fully loaded: 1.742s
<h2>Elementor Title</h2>		
		<p>Elementors text editor box while classic editor is active. I've also used the dropcap options, via the block.</p>		
			<a href="#" role="button">
						E-Button
					</a>
		<style type="text/css">
			#gallery-1 {
				margin: auto;
			}
			#gallery-1 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 25%;
			}
			#gallery-1 img {
				border: 2px solid #cfcfcf;
			}
			#gallery-1 .gallery-caption {
				margin-left: 0;
			}
			/* see gallery_shortcode() in wp-includes/media.php */
		</style>
		<dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="600x600" href='https://websupportgoddess.com/wp-content/uploads/600x600.jpg'><img width="200" height="200" src="https://websupportgoddess.com/wp-content/uploads/600x600-200x200.jpg" alt="" aria-describedby="gallery-1-2379" srcset="https://websupportgoddess.com/wp-content/uploads/600x600-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/600x600-400x400.jpg 400w, https://websupportgoddess.com/wp-content/uploads/600x600-350x350.jpg 350w, https://websupportgoddess.com/wp-content/uploads/600x600.jpg 600w" sizes="(max-width: 200px) 100vw, 200px" /></a>
			</dt>
				<dd class='wp-caption-text gallery-caption' id='gallery-1-2379'>
				gutenberg gallery
				</dd></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="300x300" href='https://websupportgoddess.com/wp-content/uploads/300x300.jpg'><img width="200" height="200" src="https://websupportgoddess.com/wp-content/uploads/300x300-200x200.jpg" alt="" srcset="https://websupportgoddess.com/wp-content/uploads/300x300-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/300x300.jpg 300w" sizes="(max-width: 200px) 100vw, 200px" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="400x400" href='https://websupportgoddess.com/wp-content/uploads/400x400.jpg'><img width="200" height="200" src="https://websupportgoddess.com/wp-content/uploads/400x400-200x200.jpg" alt="" srcset="https://websupportgoddess.com/wp-content/uploads/400x400-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/400x400-350x350.jpg 350w, https://websupportgoddess.com/wp-content/uploads/400x400.jpg 400w" sizes="(max-width: 200px) 100vw, 200px" /></a>
			</dt></dl><dl class='gallery-item'>
			<dt class='gallery-icon landscape'>
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="500x500" href='https://websupportgoddess.com/wp-content/uploads/500x500.jpg'><img width="200" height="200" src="https://websupportgoddess.com/wp-content/uploads/500x500-200x200.jpg" alt="" srcset="https://websupportgoddess.com/wp-content/uploads/500x500-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/500x500-400x400.jpg 400w, https://websupportgoddess.com/wp-content/uploads/500x500-350x350.jpg 350w, https://websupportgoddess.com/wp-content/uploads/500x500.jpg 500w" sizes="(max-width: 200px) 100vw, 200px" /></a>
			</dt></dl><br style="clear: both" />
		<p>This is actually a gallery added via elementor</p>
		
Focus database post_content
Speed test: 1.260s
<h1>This is a Focus Classic Editor Heading</h1>
<span class="drop_cap">T</span>his is content typed within the classic editor using the dropcap from the Focus Content Styles.

<button><a class="button2" href="#">Button self coded within Focus</a></button>
Classic Gallery

After removal:
<h2>Elementor Title</h2>
Elementors text editor box while classic editor is active. I've also used the dropcap options, via the block.

<a role="button" href="#">
E-Button
</a>

<style type="text/css">
			#gallery-1 {<br />
				margin: auto;<br />
			}<br />
			#gallery-1 .gallery-item {<br />
				float: left;<br />
				margin-top: 10px;<br />
				text-align: center;<br />
				width: 25%;<br />
			}<br />
			#gallery-1 img {<br />
				border: 2px solid #cfcfcf;<br />
			}<br />
			#gallery-1 .gallery-caption {<br />
				margin-left: 0;<br />
			}<br />
			/* see gallery_shortcode() in wp-includes/media.php */<br />
		</style>
<dl class="gallery-item">
 	<dt class="gallery-icon landscape"><a href="https://websupportgoddess.com/wp-content/uploads/600x600.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="600x600"><img src="https://websupportgoddess.com/wp-content/uploads/600x600-200x200.jpg" sizes="(max-width: 200px) 100vw, 200px" srcset="https://websupportgoddess.com/wp-content/uploads/600x600-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/600x600-400x400.jpg 400w, https://websupportgoddess.com/wp-content/uploads/600x600-350x350.jpg 350w, https://websupportgoddess.com/wp-content/uploads/600x600.jpg 600w" alt="" width="200" height="200" aria-describedby="gallery-1-2379" /></a></dt>
 	<dd id="gallery-1-2379" class="wp-caption-text gallery-caption">gutenberg gallery</dd>
</dl>
<dl class="gallery-item">
 	<dt class="gallery-icon landscape"><a href="https://websupportgoddess.com/wp-content/uploads/300x300.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="300x300"><img src="https://websupportgoddess.com/wp-content/uploads/300x300-200x200.jpg" sizes="(max-width: 200px) 100vw, 200px" srcset="https://websupportgoddess.com/wp-content/uploads/300x300-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/300x300.jpg 300w" alt="" width="200" height="200" /></a></dt>
</dl>
<dl class="gallery-item">
 	<dt class="gallery-icon landscape"><a href="https://websupportgoddess.com/wp-content/uploads/400x400.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="400x400"><img src="https://websupportgoddess.com/wp-content/uploads/400x400-200x200.jpg" sizes="(max-width: 200px) 100vw, 200px" srcset="https://websupportgoddess.com/wp-content/uploads/400x400-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/400x400-350x350.jpg 350w, https://websupportgoddess.com/wp-content/uploads/400x400.jpg 400w" alt="" width="200" height="200" /></a></dt>
</dl>
<dl class="gallery-item">
 	<dt class="gallery-icon landscape"><a href="https://websupportgoddess.com/wp-content/uploads/500x500.jpg" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="1795341" data-elementor-lightbox-title="500x500"><img src="https://websupportgoddess.com/wp-content/uploads/500x500-200x200.jpg" sizes="(max-width: 200px) 100vw, 200px" srcset="https://websupportgoddess.com/wp-content/uploads/500x500-200x200.jpg 200w, https://websupportgoddess.com/wp-content/uploads/500x500-400x400.jpg 400w, https://websupportgoddess.com/wp-content/uploads/500x500-350x350.jpg 350w, https://websupportgoddess.com/wp-content/uploads/500x500.jpg 500w" alt="" width="200" height="200" /></a></dt>
</dl>
&nbsp;

This is actually a gallery added via elementor

Elementor - According in the database.

<a href="">Why do I need this?</a>
					<p>Keeping your site up-to-date keeps is safe &amp; makes sure things work as they should.</p>
												<a href="">Why Shari?</a>
					<p>I&#8217;ve been working in WP for over 10 years now so I have a good idea which plugins are the best to use in most situations &amp; I track the attacks that are happening.</p>
		&nbsp;
0 comments… add one

Leave a Reply

Your email address will not be published. Required fields are marked *