WordPress 5.7 benchmark with Lighthouse using Gutenberg editor.

JJ Garrido
3 min readMar 21, 2021

--

Photo by Fikret tozak on Unsplash

After deciding which website creator tool to use, I decided to go with my beloved WordPress.

I read that the new WordPress 5.7 (by the date of this post), has improved a lot of features related to the performance of the webpage.

Just after installing WordPress, I decided to measure the performance of the default content that WordPress includes. I used the default theme Twenty Twenty One and Gutenberg Editor.

For performance benchmarking, I like tools like Google Lighthouse or GTMetrix, however, the main search engine on the Internet is Google, so I chose Lighthouse at Google Web Developers site: web.dev.

To my surprise this was the result:

Almost a perfect score with Google Lighthouse.

If you’re geeky like me, you can read the full report here:

Report before boost

Just because I’m curious, I installed the WP Rocket plugin, a tool that boosts the performance of any WordPress site, compressing the programming code of the site.

Additionally, I noticed in the Lighthouse report that on the SEO section there is an observation that says: “Document does not have a meta description“.

To fix this, I installed the Yoast SEO plugin. Yoast SEO is a comprehensive SEO tool, that helps with adding content to the snippets that will appear in Google Search results pages, including keywords, titles, and meta descriptions.

Let’s make another performance test with the new changes. Here are the results:

An amazing perfect 100 score never seen before with WordPress

As you can see, performance, accessibility, best practices, and SEO give me a score of 100.

If you want to see the full reports I share the details below:

Report after boost

Personal Thoughts

I have years of experience developing websites, using different tools, and creating websites from scratch with programming code.

Is not an easy task to get those scores from Google Lighthouse using WordPress.

The last time I saw a 100 extraordinary score was creating a website from scratch using just clean and plain programming code.

On the side, please note that the test was using the default content that WordPress includes after installation.

At the time of this post, I just added some items in the menu, enabled dark mode, and installed the following plugins:

  • Antispam Bee
  • WP Rocket
  • Yoast SEO

I will keep testing Gutenberg after I add more posts and pages and probably add more plugins.

It’s also important to know that having a 100 score is not a signal that your website will rank better in Google Search results. The 100 score tells you that you’re offering an extraordinary User Experience.

After I populate the website I hope everything stays with a score of 100 or at least over 90.

Update March, 20th, 2021.

Still using WordPress 5.7, I decided to remove Gutenberg and install Elementor Pro. I builded my site block by block, added some assistive technology for users that needs voice reading.

Also, I have two videos in the section of about me: https://www.jjgarrido.com/about-me/

I keep the same plugins that I mentioned before, the only add-ons were Elementor and Elementor Pro.

Here are my results with Google Lighthouse:

Accessibility, Best Practices and SEO have really good scores, however performance went down to 70.

Side results with GT Metrix:

Nice score with GT Metrix.

Last but not least

As I said before, having a 100 score with content is not easy, unless you create a website just using plain HTML code, some CSS without any Javascript.

I really think the WordPress team did an amazing job improving the performance of their content management system.

--

--

JJ Garrido

Hi, I’m JJ Garrido and I’m a T-shaped UX Designer. I work in a digital marketing agency. My passions: arts, music, tech and science, mostly neuroscience.