{"id":14172,"date":"2021-01-02T06:59:50","date_gmt":"2021-01-02T12:59:50","guid":{"rendered":"https:\/\/theadminbar.com\/?p=14172"},"modified":"2021-01-02T06:59:50","modified_gmt":"2021-01-02T12:59:50","slug":"damn-gutenberg-smokes-elementor","status":"publish","type":"post","link":"https:\/\/theadminbar.com\/damn-gutenberg-smokes-elementor\/","title":{"rendered":"Damn. Gutenberg Smokes Elementor"},"content":{"rendered":"\n
Admittedly, page builders are my crutch. <\/p>\n\n\n\n
As someone who comes from a design (not a development) background, I likely couldn’t do my job if page builders didn’t exist \u2014 and that’s why Elementor has been so useful to me.<\/p>\n\n\n\n
But, like any Elementor user, I’ve become increasingly anxious about the future of Elementor and just how bloated it is. I think Google Page Speed Insights agrees.<\/p>\n\n\n\n
As Gutenberg has become more and more popular, I’ve taken it out for a spin on several occasions. While it has some page building capabilities\u2014 I wouldn’t call it a page builder in the same use of the phrase for software like Elementor or Beaver Builder (the two I have the most experience with). <\/p>\n\n\n\n
But the numbers don’t lie\u2014 in terms of performance, straight out of the box; Gutenberg absolutely smokes Elementor. <\/p>\n\n\n\n
However, each time I’ve taken Gutenberg for a spin, I’ve left frustrated. As soon as I feel like I’m getting the hang of it, eventually the wheels come off and I’m back to installing Elementor.<\/p>\n\n\n\n
But when your PageSpeed Insights scores go from 46% to 94%, it’s time to perk up and pay attention.<\/p>\n\n\n\n
Yesterday I was playing around with some simple design concepts and I ended up building a little landing page with Elementor. It’s simple and small \u2014 but I like it.<\/p>\n\n\n\n
After closing shop for the weekend, I started wondering to myself (again) if I could rebuild this page using Gutenberg and GenerateBlocks<\/a>.<\/p>\n\n\n\n So I did what anyone would do \u2014 woke up at 4am on a Saturday morning and got to work.<\/p>\n\n\n\n I was able to recreate the page with Gutenberg fairly easily (desktop view anyway ?)… and the performance results are pretty stunning. <\/p>\n\n\n\n My landing page comprises 4 major sections; a hero section, followed by a features section, a made up quote\/statistic, and a call to action.<\/p>\n\n\n\n I was originally coming up with the design concept while working in Elementor, so how long it took me is a bit skewed. But I could probably build out this page (in all responsive views) in less than 20 minutes (we’ll talk about why that’s important in a minute).<\/p>\n\n\n\n Let’s have a look:<\/p>\n\n\n\nThe Elementor Version<\/h3>\n\n\n\n