{"id":653,"date":"2016-09-02T16:23:55","date_gmt":"2016-09-02T14:23:55","guid":{"rendered":"https:\/\/www.nieuwsmarkt.nl\/?p=653"},"modified":"2017-10-01T09:09:56","modified_gmt":"2017-10-01T07:09:56","slug":"the-future-of-beaver-builder-plugin-and-its-add-ons-clients-perspective","status":"publish","type":"post","link":"https:\/\/www.nieuwsmarkt.nl\/nl\/blog\/2016\/09\/02\/the-future-of-beaver-builder-plugin-and-its-add-ons-clients-perspective\/","title":{"rendered":"The future of Beaver Builder plugin and its add-ons: clients perspective"},"content":{"rendered":"<p><strong>The Beaver Builder plugin is a great pagebuilder with enough\u00a0modules and templates to make appealing pages. Beaver Builder gained market share because of its clean code, its friendly user-interface and its non-destroying content after de-activating the plugin. Our analyses on current 3rd party add-on developers.<\/strong><!--more--><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-506 alignleft\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/peterluit_vrijstaand.png\" alt=\"peterluit_vrijstaand\" width=\"199\" height=\"199\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/peterluit_vrijstaand.png 400w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/peterluit_vrijstaand-150x150.png 150w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/peterluit_vrijstaand-300x300.png 300w\" sizes=\"auto, (max-width: 199px) 100vw, 199px\" \/>First of all the market of 3rd party add-ons just recently began to develop. First player was Jon Mather with his\u00a0<a href=\"https:\/\/beaverlodgehq.com\/\" target=\"_blank\">BeaverLodge<\/a> collection of add-ons. The user interface followed the base on how the Beaver Builder developers thought to do things right. And with (only) BeaverLodge installed, there was no problem. Users could switch on or off the modules they wanted in the front-end list, to keep things as clean as possible. But things changed.<\/p>\n<p><em>\u2022 There is no easy &#8216;this is the best in the marketplace&#8217; at this moment<br \/>\n\u2022 Follow all <a href=\"https:\/\/www.facebook.com\/groups\/beaverbuilders\/permalink\/652628411563178\/\" target=\"_blank\">comments<\/a> on the BB Facebook group<\/em><\/p>\n<h3>More players<\/h3>\n<p>Jon was not the only one and at least two more players entered the playing field. <a href=\"https:\/\/wpbeaveraddons.com\/\">PowerPack<\/a> and <a href=\"http:\/\/www.ultimatebeaver.com\/\" target=\"_blank\">Ultimate Addons<\/a> also addes their own collections of add-ons. UABB also added a collection of templates. Both Puneet Sahalot (PowerPack) and Sujah Pawar (UABB) are very active contributers in their Facebook group communities, which are in both cases a perfect &#8216;marketing taste and test area&#8217; for the development of both products.<\/p>\n<h3>How far should add-on developers\u00a0go?<\/h3>\n<p>First of all adding all major plugins together will &#8216;consume&#8217; 30.9MB within your WordPress installation, added up from (*):<\/p>\n<ul>\n<li>Beaver Builder base plugin: 12,3MB<\/li>\n<li>UABB plugin: 9,4MB<\/li>\n<li>BeaverLodge plugin: 6,1MB<\/li>\n<li>PowerPack plugin: 3,1MB<\/li>\n<\/ul>\n<p><em>(*) There are many more smaller add-on with various purposes<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-660\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/beaver-brains.jpg\" alt=\"beaver-brains\" width=\"300\" height=\"53\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/beaver-brains.jpg 577w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/beaver-brains-300x53.jpg 300w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>Not all are needed at once and even some modules are in some way or another overlapping eachother. Look at the <a href=\"https:\/\/beaverbrains.com\/beaver-builder-modules\/\" target=\"_blank\">listing<\/a> of all modules from the &#8216;big 4&#8217; made by Ian Thompson from Beaver Brains.\u00a0For web developers this list is a good start to make a kind of a choice whether or not to use one of more add-ons.<\/p>\n<div id=\"attachment_654\" style=\"width: 309px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-654\" class=\"wp-image-654\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/BB-base-row.jpg\" alt=\"BB-base-row\" width=\"299\" height=\"281\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/BB-base-row.jpg 602w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/BB-base-row-300x282.jpg 300w\" sizes=\"auto, (max-width: 299px) 100vw, 299px\" \/><p id=\"caption-attachment-654\" class=\"wp-caption-text\">Basic row settings with Beaver plug-in activated<\/p><\/div>\n<p>However in cases some\u00a0add-on developers have some kind of &#8216;take-over&#8217; approach. What does that mean? It is possible to add some own settings to already existing modules from another. For example the base of the row settings in the Beaver Builder Plug-in offers three tabs to do the things the Beaver Builder developers\u00a0think that should be in it.<\/p>\n<div id=\"attachment_655\" style=\"width: 309px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-655\" class=\"wp-image-655\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/pp-row-setting.jpg\" alt=\"pp-row-setting\" width=\"299\" height=\"241\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/pp-row-setting.jpg 701w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/pp-row-setting-300x242.jpg 300w\" sizes=\"auto, (max-width: 299px) 100vw, 299px\" \/><p id=\"caption-attachment-655\" class=\"wp-caption-text\">Extra row settings done by PowerPack<\/p><\/div>\n<p>After activating PowerPack another set of tabs\u00a0will be added to the row-settings, to get &#8216;more things done&#8217;. We ask ourselves if this is the way to go to develop things further with the web developer and even the end-user in mind.<\/p>\n<h3>The community is feeding them all<\/h3>\n<p>The 4 facebook groups all together serve about 4200 users (with about 2750 for Beaver Builder alone). All they say will for sure influence many of\u00a0their feature\u00a0developments. Things have been kind of hectic the last months and even experienced web developers could not follow all aspects of what everyone was doing.<\/p>\n<p>The base of what is going on now, is a missing add-on user-experiences guidline. Jon Mather was the one who was preparing seperate plugins for each module. An approach we (at least) would have liked to be taken over by others. But that did not happen. Making choices for modules would be a logical way to go. Making a choice for a module developer is way more difficult.<\/p>\n<h3>Also templates<\/h3>\n<p>Not only modules is a challenge to get things well organized, UABB also added a set of templates in their add-on. And that made the plugin the heavist one with 9,4MB, and asking for more RAM assigned (256MB) to WordPress if activating all templates. If &#8216;others&#8217; will also start to do this, it will for sure slow down performance in any possible way.<\/p>\n<h3>Impact<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-661\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/david.jpg\" alt=\"david\" width=\"200\" height=\"200\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/david.jpg 300w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/09\/david-150x150.jpg 150w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/>Together with <a href=\"https:\/\/davidwaumsley.com\/\" target=\"_blank\">David Waumsley<\/a> we looked at some aspects around the use of the various plugins with the <a href=\"https:\/\/wordpress.org\/plugins\/p3-profiler\/\" target=\"_blank\">P3 Profiler plugin<\/a>:<\/p>\n<ul>\n<li>Beaver Builder plug-in only: plug-in load time 0,211 sec, 91% (0,1914 sec) for Beaver Builder plug-in<\/li>\n<li>BB + PP + UABB:\u00a0plug-in load time 0,967 sec, 26% (0,2494 sec) BB, 43% (0,4158 sec) UABB,\u00a026% (0,2562 sec) PP<\/li>\n<li>BB + PP + UABB + BL:\u00a0plug-in load time 0,949 sec, 24% (0,2313 sec) BB, 43% (0,4067 sec) UABB, 15% (0,1402 sec) PP, 7% (0,0633 sec) BL<\/li>\n<\/ul>\n<p>In the cases above it nearly does not matter whether modules are switched on or off. We also tested some speedtests (<a href=\"https:\/\/www.nieuwsmarkt.nl\/nl\/speedtest\/\">based on one page<\/a>), not for the absolute values, but just for the relative values:<\/p>\n<p>Starting with only BB plugin activated:<\/p>\n<ul class=\"ul1\">\n<li class=\"li1\"><b><\/b><span class=\"s2\">GTMetrix (London): 3 sec<\/span><\/li>\n<li class=\"li1\"><span class=\"s2\">Pingdom (Stockholm): 2.7 sec<\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s2\">Together with PP activated:<\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li1\"><span class=\"s2\">GTMetrix (London): 2.9 sec<\/span><\/li>\n<li class=\"li1\"><span class=\"s2\">Pingdom (Stockholm): 2.87 sec<\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s2\">Together with UABB activated:<\/span><\/p>\n<ul class=\"ul1\">\n<li class=\"li1\"><span class=\"s2\">GTMetrix (London): 3.0 &#8211; 3.2 sec (various tests)<\/span><\/li>\n<li class=\"li1\"><span class=\"s2\">Pingdom (Stockholm): 3 &#8211; 3.22 sec (various tests)<\/span><\/li>\n<\/ul>\n<p>For that we can conclude that the influence on pagespeed of using all the plugins together is relatively small. The TTFB (Time To First Byte) makes a 50% difference in loading the site with or without the 3 add-on plugins. With all activated the TTFB was 1 sec, al de-activated TTFB was 500ms. With 30,9MB and about 30MB for WordPress with Beaver Builder theme, that difference seems logical. <em>Note: we are just testing these figures for relative comparisons, not for absolute values.<\/em><\/p>\n<h3>One\u00a0possible\u00a0wishlist<\/h3>\n<p>Based on our experiences in this playing field\u00a0we could\u00a0create\u00a0&#8216;one&#8217; wishlist as follows:<\/p>\n<ul>\n<li>individual light-weight(!) plugin per module with a well defined user experience structure to add the plugin to the Beaver Builder eco system<\/li>\n<li>a well thought user interface in the front-end for choosing the modules and their settings<\/li>\n<li>no take-overs within modules from others<\/li>\n<li>individual templates to be uploaded and shown in the template section in the dasboard with the possibility to easily assign them to individual or more pages<\/li>\n<\/ul>\n<h3>Will this happen?<\/h3>\n<p>We hope so, but on the short term we don&#8217;t expect this to happen very soon. The market is still jumpy and others might also enter this playing field.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Beaver Builder plugin is a great pagebuilder with enough\u00a0modules and templates to make appealing pages. Beaver Builder gained market share because of its clean code, its friendly user-interface and its non-destroying content after de-activating the plugin. Our analyses on current 3rd party add-on developers.<\/p>","protected":false},"author":2,"featured_media":319,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,3],"tags":[45,11,15,44,46,48,13,47,43],"class_list":["post-653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-review","category-test","tag-add-ons","tag-beaver-builder","tag-modules","tag-performance","tag-plug-in","tag-powerpack","tag-templates","tag-uabb","tag-wishlist"],"_links":{"self":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/comments?post=653"}],"version-history":[{"count":4,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/653\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/653\/revisions\/674"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/media\/319"}],"wp:attachment":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/media?parent=653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/categories?post=653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/tags?post=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}