Q. Is Gutenberg slowing down my website?
Nope. In my tests, I noticed less than half-a-second difference in page speed between the classic and block editors. For this minute difference, you gain a lot of control over layout and design of your page/post content. You are more likely to slow down your site if you add unnecessary plugins to add features that you may hardly use or need.
Load Times – View Page Speed Test Results below for more details.
|Classic Editor||1.104 seconds|
|Gutenberg Editor||1.143375 seconds|
What is Gutenberg?
The WordPress Editor changed in WordPress v5
|Classic Editor||New Gutenberg Editor|
|As a quick refresher, here’s what the Classic WordPress editor looked like:||And here’s what things look like in the new WordPress Gutenberg editor:|
Essentially, Gutenberg replaced the single edit field of the Classic editor with lots of individual “blocks”. These blocks then allow you to build more complex designs than those allowed in the current WordPress editor.
While it was easy to add content using the classic editor, the block editor gives you lot of control over layout and design of your page/post content.
You can use Gutenberg blocks to Create an awesome landing page in WordPress in just 15 steps without using code or shortcodes.
Page Speed Tests – Gutenberg vs Classic Editor
I performed the test to check if Gutenberg the block editor slows down your website compared to the classic editor.
I only used 2 plugins.
- Classic Editor plugin restores the previous (“classic”) WordPress editor.
- SG Optimizer plugin helps to speed up your sites – it provides caching, minification of your HTML, JS and CSS resources, removes the Emoji support and remove the query strings from your static resources.
I host all my sites on SiteGround since they offer quality hosting and great customer service at an affordable price. This plugin is provided and works only if you host yours sites on SiteGround.
I set up a demo site https://vjdesign.com.au/clients/demo for this test. As mentioned above, I kept the plugins to bare minimum and chose fast loading themes.
- Activate one of the themes
- Run page load speed tests across Pingdom, GTMetrix and Google Page Speed Insights
- Activate the Classic Editor plugin
- Run page load speed tests again
- Repeat steps 1 to 4 for the other theme
- Tabulate the results
Table Comparing page loading times – Gutenberg vs Classic Editor
|Editor||Theme||Pingdom||GTMetrix||Google Mobile||Google Desktop|
I provide screenshots as evidence below. This simple test is not in any way conclusive proof. Someone needs to perform a more through test multiple times.
This simple test highlightd a few things for me…
There is less than half-a-second difference in page speed between the classic and block editors. For this minute difference, you gain a lot of control over layout and design of your page/post content
When to choose Classic Editor vs Gutenberg vs Page Builders?
- If you are an experienced WordPress user and your priority is a simple text editor, then the classic editor is intuitive and better choice.
- If you like your posts and pages to be visually stunning, then Guthenberg is a powerful alternative.
- If you are after pixel perfect design, then page builders like Elementor, Beaver Builder, Brizy or Divi may offer far more features. Watch out, Gutenberg is rapidly catching up!
I prefer Gutenberg since it allows me to design my pages/posts without having to rely on third party page builders.
If you want a blazing fast website, I can do other optimisations to make your site load fast.