Divi is optimized by reducing file sizes and requests

The latest update of Divi and Divi Builder has introduced a series of improvements for ] optimize the loading speed of pages created with this layout, reducing file sizes and requests .

In versions 3.0.66 of Divi and 2.0.28 of Divi Builder respectively, a series of optimizations have been added that will make that your pages created with Divi weigh less make fewer requests and, ultimately, load faster obtaining better results also in web speed analyzers .

Minimized CSS and JS files

Using the minimized ( minify ) CSS and JavaScript files now Divi reduces the size of all its files eliminating Orphan lines, reducing as much as possible the code.

And best of all is that as it is the same Divi who does the minimized everything will work without problems not as with some plugins that cause you to later Pages are not seen or work properly.

CSS and JS combined

Also incorporated in this Divi and Divi Builder update is the unification, combined, of CSS and JavaScript files, reducing in this way the number of requests .

As fewer queries to different files load times are reduced, up to 60% .

Combined Google sources

]

Also the Divi load is optimized by combining the Google sources by reducing the external requests of these external resources.

This will be especially noticeable in the pages that use several fuent it's from Google.

Look mom, no hands!

What do the improvements in this update imply?

So simple, that if you used to use a optimization plugin like Autoptimize for your site created with Divi you can save it, because the same Divi does all those optimizations by itself and without problems of visualization and operation of your pages

Does it really work?

Well yes. I've tried updating both the Divi and Divi Builder theme on pages where I previously did the optimization with Autoptimize and Divi gets the same results as the plugin, so I saved it .

Tests after updating to Divi Builder 2.0.28

Before Divi Builder 2.0.28

After updating to Divi Builder 2.0.28

Tests after updating to Divi 3.0.66

Before Divi 3.0.66

After upgrading to Divi 3.0.66

What are you waiting for?

If you already use Divi or Divi Builder, it's slow to update, and if you still do not have it here I leave you a couple of links with discount to start creating your websites with the designer that is revolutionizing WordPress.

Loading …

That may also help you:

How to troubleshoot the Divi Builder time limit error

One of the ugliest and most annoying errors you can find with Divi or your plugin is that does not load the layout for a Divi Builder time limit error .

I mean when you open a layout page with Divi or open the visual layout and instead of loading the layout divi you see this ugly, and disturbing, message, and it does not load.

 Divi Builder time limit error

Solutions to the Divi Builder time limit error

The error message leaves little room for doubts, and the first possible culprit points you out, when he encourages you to " Manage your add-ins ", which refers to plugins.

Deactivates plugins

If you press the red button it takes you, in another tab, to the WordPress plugin management screen, and it's not a bad idea, could be simply that some plugin consume a lot of resources .

Now, is not always a solution because imagine that you only have active WooCommerce and you can not do without – as is logical – from the online store.

If disabling non-vital plugins does not solve the problem we will have to resort to more radical solutions.

Changes PHP version

Sometimes Divi can fail if you are using a PHP version prior to 5.6.x . So change your version of PHP to a higher one as I explained here .

Disable third-party plugin checking by Divi

One possible solution is that Divi does not check plugins of third parties . I usually do not recommend modifying main files of anything but yourself, decide if you use this method or another, unless you know how to do it.

To do this you must open the file wp-content / plugins / divi-builder / includes /builder/core.phpand on line 1405 you'll find this line of code:

Well, well you only need comment it so it does not run, like this:

Increase the maximum line size

Another possible solution , which works in many situations is to add to your file .htaccess which you'll find in the same directory as the file wp-config.php , the following command:

Limit memory consumption

If none of the above methods works, you can also apply a command to your file .htaccess in this case for Limit the consumption of memory :


I hope some of these tricks have solved your problem. If you have found another solution, you can tell us in the comments.

Loading …

That may also help you:

History of Divi (infographics) • WordPress Help

The subject Divi despite its relatively short history has already achieved some milestones that have made it one of the most popular and used WordPress themes .

. this infographic that has sent me Andrej Parija from DiviTheme.net a website specializing in news and tricks about Divi, we can check a bit of that story, which started in 2008 in Elegant Themes publishing 86 issues until 2013, date of the release of the first version of the Divi theme.

In these 3 years it has not only been placed as one of the most used themes but that has incorporated the Divi builder to use it in any subject or launched the theme Extra a theme for online newspapers, which also uses the builder of Divi, but with "extras" own that make it special.

And, finally, I arrived I go to Divi 3 with the constructor on the cover, which is not the only one that marks differences in use, speed and ease.

What I said, that you enjoy the short but intense story of Divi in ​​this infographic .

Divi 3.0 will use ReactJS for front page layout

You already know that I really like the WordPress Divi theme, sometimes even at the expense of receiving jokes in this regard constant from some members of the community WordPress, and despite this friends 🙂

And I like it because despite its shortcomings, which have them as all subjects, is the way in which the issues will have to work, not for the developer – that too – but mainly for to facilitate and fully democratize the web creation .

Yes, the layout designers have their stuff as the themes for everything, but if we want WordPress to reach the next level for all users, topics will have to look like Divi, in the form and in the background .

Well, has just announced the countdown towards what will be <span style = "border-bottom: 1px dashed # 2980 b9; cursor: pointer; " contenteditable = "false" data-eafl-id = "80136" data-eafl-text = " Divi 3.0 " data-eafl-shortcode-id = "1" data-eafl-shortcode = "% 5Beafl % 20id% 3D80136% 20name% 3D% 22Divi% 22% 20text% 3D% 22% 3Cstrong% 3EDivi% 203.0% 3C% 2Fstrong% 3E% 22% 5D "> Divi 3.0 a theme that will change with much better the way we currently model webs.

One of the most important changes is that will work with ReactJS an open-source JavaScript framework normally used to create interfaces for user, and that will cause what you know today of Divi change completely, so will touch recycle .

It will have many changes but the fundamental thing is that the layout designer, the one called Constructor Divi will undergo a huge modification.

From Divi 3.0 when you are designing your website with the constructor on the cover all your changes will be seen in real time l, being able to click, drag, drop and edit the page directly, instead of formatting with the current block system .

The same layout designer, thanks to ReactJS, will be much faster, ] responsive and in addition every change you make will be shown instantly without the need to reload the page, without refreshments by Ajax.

The concept of front page layout is not new, but I know it through ReactJS, and it is not something minor because the current failure of the layout-makers that work on the cover is how it arrrrrassssstrraaaaan something that does not seem to happen with Divi + ReactJS.

Of course, all these changes , and more, will be incorporated to the constructor Divi which you can use with any subject, and to the Extra theme special for news websites.

We will see, there are 100 days to arrive At the launch of Divi 3.0 we will inform or more news. At the moment there is only what I just told you and this capture …

 divi 3.0 layout designer reactjs on cover

To keep things going, on the blog of Elegant Themes they will be publishing designs, tricks and extensions packages for Divi as of today during these 100 days that remain.

NOTICE : this publication is from two years ago or more. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

Loading …

That may also help you:

The Divi constructor now available as a plugin for use in any WordPress theme

We have talked a lot about Divi and his virtues but what really makes this great theme is its visual layout, the so-called Constructor Divi from today available for use not only in the theme Divi but in any WordPress theme .

Announced this afternoon ] in the Elegant Themes blog if you have an account in Elegant Themes you can download it at no additional cost, and you can join the Elegant Themes club and for 89 $ you have nothing less than 87 themes Divi and Nexus included, and in addition to its fantastic plugins Monarch, Bloom and, from today, Constructor Divi .

With ] more than 40 content modules that you can insert into any WordPress theme the Divi Constructor, or Divi Builder is an intuitive, visual and very easy to use mode with which create impressive dynamic content websites like Parallax effects sliders ( sliders ) of all type of content, accountants, calls to action, integration with newsletters testimony blocks, video, everything.

 modulos divi builder [19659005] Another of its marvels are the predesigned templates to create impressive web covers in a few clicks based on designs adapted to all types of webs, simply adapting the modules to your content.

 divi1 "width =" 610 "height =" 380 "srcset =" http://bootstrapx.com/wp-content/uploads/2018/06/Is-Divi-the-best-WordPress-theme-in-history.jpg 610w, https://ayudawp.com/wp- content / uploads / 2015/09 / divi1-550x343.jpg 550w "sizes =" (max-width: 610px) 100vw, 610px "/> </a> </p>
<p> And, of course, the rest of their [19] 459021] functionalities that we have already seen </a>: </p>
<ul>
<li> Visual layout designer </li>
<li> More than 40 content modules </li>
<li> Copy and paste modules and blocks </li>
<li> Right-clicking actions </li>
<li> Integration of keyboard shortcuts </li>
<li> ] Manager of user profiles and access </li>
<li> Change history </li>
<li> Several levels of undoing </li>
<li> Possibility of inactivating and activating blocks and elements </li>
<li> Possibility of blocking modules and blocks </li>
<li> Total integration in the customizer of WordPress </li>
<li> Preview integrated in each module and block </li>
<li> … much more </li>
</ul>
<p> And from today the possibility of <strong> install it in your WordPress like any other plugin and use it with your active theme </strong>. ] <strong> Do you already have content created in pages and entries? No problem </strong>. The Divi Constructor identifies the content of the WordPress editor and automatically creates a text editor module integrated with your existing content, from there, start to layout the rest of your page or post. </p>
<p> I agree that <strong> ] the visual composers, such as Divi or the veteran <a href= Visual composer should not be used excessively but currently they have no equal at the time of – above all – designing web covers. They are not really necessary for the entries, but are fantastic for layout by clicking on the cover of your website or special pages such as the contact page or even the display of entries.

If you use visual maquettes then it is hard to go back, especially to design covers ultimately the gateway to your site, where you want to show the best of yourself and in the most visually attractive way possible, and for that the Maquetadores are unequaled, eliminating any limitation of the active theme, which usually restrict what you can add to your website and how it should look.

Come on, a blast. I have tried all or almost all the visual layouters that exist, and waiting for it to be incorporated ShortCake which would be the standardization of the management of shortcodes ] for insertion of blocks of content as do all visual layouters, of all the ones I've tried the Constructor Divi is the best by far.

There are more modules, there are more impressive ones , especially in the live layout, but for daily use the Divi Constructor has no equal by integration, shortcuts, undo levels, user profiles, template management or the copy and paste system, really fantastic.

From my point of view I think it still lacks something, and that is to release it completely free and upload it to the official directory of plugins precisely to occupy all the market share of other visual layouters is that today they are very implanted to come included in packages of premium themes, something I hope that if they are ready in Elegant Themes will not take long to do, and with that we will win all users and I think that they too.

In between, you could also adopt a great model, which would be freemium offering it for free – say – for a year and then the updates already payment, for example. Or also offer a free basic package with x modules and if you want everyone else pay a small fee. We will see, but I think that would be the way to its total implantation, because as a plugin it deserves a place of honor, for the good that it is .

What I have said, I think it is a train that you should not miss, and it's part of the present and future of WordPress, so you're slow to learn how to use visual maquedores, and Constructor Divi is a winning option .

If you want to see how nothing works better than a video …

And if you have convinced check out the page where all its features are reported .


(Note: in case you have not noticed some of the links in this entry are affiliated, so if you buy a product it costs you the same but you pay me a coffee)

NOTICE : this publication is two years ago or plus. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

Loading …

That may also help you:

All the news of Divi 2.5

A few days ago came to light version 2.5 of Divi one of the most advanced and versatile topics that we can find these days, and has done with huge and interesting developments, which put it ahead of the competition many integers.

If Divi already offered a fantastic content layout experience, now, with the improvements introduced , becomes the most advanced tandem theme + layout designer improving even Visual composer the layout that is almost a standard.

The only Divica handicap versus Visual Composer currently it is that the latter is installable and adaptable to any subject, but this will not last long, since it has already announced Elegant Themes that the Divi visual designer will soon be available as a separate download for use with any r subject of the market .

So, whether you are going to use Divi or not, I think it is worth reviewing all the features it incorporates, including the news of Divi 2.5 .

Visual layout designer

 divi1 "width =" 610 "height =" 380 "srcset =" http://bootstrapx.com/wp-content/uploads/2018/06/Is-Divi-the-best-WordPress-theme-in-history.jpg 610w, https: / /ayudawp.com/wp-content/uploads/2015/09/divi1-550x343.jpg 550w "sizes =" (max-width: 610px) 100vw, 610px "/> </p>
<p> Divi is a WordPress theme to use, but what makes it special is the visual layout that includes, called <strong> Constructor Divi </strong>which <strong> allows you to convert an entry, page or the cover of your website into an impressive looking site </strong>. ] If you have not used any visual layout designer before, you should know that <strong> replaces the WordPress editor with an advanced version </strong> that, in addition to text, images, videos, etc., allows you to define by zones your content. do, can incorporate, for example: </p>
<ul>
<li> Content blocks in several columns </li>
<li> Automatic content sliders </li>
<li> Contact forms </li>
<li> Code blocks </li>
<li> Automatic progress indicators </li>
<li> Review blocks of clients </li>
<li> Different backgrounds for each block of content, each with their images or background videos, images and added text </li>
<li> etc, etc, etc. The possibilities are practically endless </li>
</ul>
<p> And, without a doubt, the best visual designer of the market is Divi. There are others such as <em> Cornerstone </em> or the same <a href= Visual composer the latter the most widely implemented, which offer everything, but none as well and as fantastic and simple as the divi visual layout .

The only "but", at the moment, is that we can only use it with the Divi theme, but this will soon be a thing of the past, and in a short time we will see that many of the themes that today are delivered with Visual Composer included, will soon be adapted to Divi, without a doubt.

In the following screenshot you can see how the Divi Constructor has replaced the default WordPress editor, incorporating rows, columns and blocks of dynamic content to

 Constructor Divi

Constructor Divi

Actions of right click

This, although it seems silly, is something that other visual dockers do not offer, and it does that the work flow or much faster and, consequently, more natural the use of the Constructor to model your content.

In any element of the model you can right click and, in this way, perform the most common actions for the elements of the

 right click divi 2.5

Actions so far complicated in visual layout, or sometimes difficult to find, such as copying a module or a row of modules, you can copy and paste them at the click of a mouse, or save an entire section in your personal library of modules, to reuse them in other contents.

 rename divi

Keyboard shortcuts

Not only do we have a right click, but Divi allows you to use keyboard shortcuts, and not strangers, but those that you usually use to copy, paste, etc, in your computer, with which the integration of the Constructor with a way of working is total.

This, that should be normal, n or you have it available, not in visual layout templates, but in any other web management and creation element that is out there.

You can copy and paste, cut as you usually do with your keyboard, save changes with the ENTER key, undo them with Control + Y (command key on Mac), use the ESC key to exit the settings of a module, everything.

Simply PERFECT

 divi keyboard shortcuts

Copy and paste

] And if that was not enough, you can also copy and paste with ease, and best of all: you can copy and paste modules between different pages, not only on the same page you are designing. It's that easy and effective

 copy paste divi

User permission management

Something that you will not find out there in other layout models, and should be a basic one, is the management of user permissions, to define what user profile will be able to layout and what will be able to layout.

 editor roles divi

For example, you can define that the user with author profile can create rows and add text modules, but not images, or whatever you want, the possibilities are endless, and like everything in Divi very easy to use.

 role editor divi

Change history – Undo

At any time you can undo a change in a module while making models, but in addition, in the upper part of the constructor you have an icon with the history of the last changes, being able to undo any of the ones that you have made lately, or redo it .

 make undo divi

A joy that, again, you will not find out there.

 history of changes to undo divi

Elements inactive and blocked

It has crazy, it is the best idea they have had in Elegant Themes with version 2.5 of Divi. I mean that, until now, in any visual layout, if you wanted to eliminate a module a series of modules, an entire section with its corresponding modules, but you could need them later, you had to irremediably store the entire model in your library personal

But ah friend !, with the new Divi you can deactivate elements, rows, sections, whatever, with a simple right click so that they will remain there, for later use, but will not be loaded on your website.

 block divi content

One more step is to block items, or entire sections too, so that they can only modify that part of the model those user profiles that you have configured so they can not do it. A great way for your content authors to add content but not touch what should always be there.

Of course, as always, you can save any part of the model in your private library for later reuse and save time for the time to enter items you use often with custom settings.

 disable and block divi elements

Integration into the Customizer

Divi is fully integrated into the WordPress Customizer, so you can configure your custom settings from this common element of WordPress, from which you will access all your possible settings.

 customizer divi themes

Module Customizer

Special review deserves integration in the Customizer of the configuration and modification of all the elements of Divi, to be able to adjust quickly and visually every aspect of Divi (never better said) at the same time that you see how it will look on your website.

 modi divi personalizer

Integrated preview

In addition to all the above, the new Divi Constructor incorporates the preview without leaving it. What does this mean? Well now, when creating or modifying any module you have a way to see how it will look on your website before saving the changes, updating your page, etc.

 divi preview

In summary , you save a lot of steps, clicks and time.

In any module you have an icon at the bottom to access your preview …

 preview divi 1

And then, in the preview window you can see how your creation will look like, your piece of the layout, both on desktop devices and tablets and mobiles milk!

Integration with Mailchimp and Aweber

Divi also allows you to connect directly with the MailChimp and Aweber newsletter services, from the veteran ePanel, the general settings page of any Elegant Themes theme.

Then, once the services are connected, you can use the eleme Form and subscription forms connected to your preferred newsletter service

 divi newsletter integration

All this and much more

Divi has become what all the topics should be, and is revolutionizing the use of WordPress towards something that today seems novel and in no time will be the usual way of working in the editor, where we will not only write but also layout designers.

It's not the only subject that includes a visual layout but it's the best! And it is for many reasons, like what you just saw.

So you can do 2 things:

  1. Wait for the Divi Constructor is available as an independent download
  2. Acquire Divi right now and take all the themes of Elegant Themes or the fantastic plugins Monarch and Bloom ] Any of them separately is already worth the measly price it costs.

Come on, do not think about it or you'll be left behind …

 banner divi 250x400

NOTICE : this Publication is from two years ago or more. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

Loading …

That may also help you: