Divi doesn’t need to introduce the theme of WordPress. This is the most popular WordPress Theme created by elegant themes, one of the best WordPress Theme stores in the world. Given its popularity, it is worth demonstrating how to optimize divi as much as possible. It uses Smush and Hummingbird plug-ins (free!) . Divi has more than 203 word press layout packages and (currently) 1495 layouts, which are provided with themes. As a result, there is almost no end to the amount of images, text, and functionality that can be optimized. The
In order to improve the divi site with a popular layout, we will determine what can be done by optimizing the combination of Smush and hummingbird. For optimization, Smush is a 5-star image optimization plug-in with more than 1 million active installations. To optimize images, load latency, resize, compress, and improve speed, she can batch refresh all images. Smush is ready to help optimize divi! Our other optimization plug-in hummingbird has 4.5 stars and more than 100000 active installations. She is responsible for adding the enhancement method of Google pagespeed insights to the adjustment control of file compression, so as to run the site faster. The
You can also collapse CSS and JS, delay loading annotations, caching, and so on. Hummingbird will help you build a wonderful divi website! Smush and Hummingbird can be used for free, which is worth mentioning again! (attention to disclosure!) Learn how the divi website changes from desktop gtmetrix level \
This article also introduces some basic techniques that can keep the divi site in the best state for the best speed and performance. We will explore: divi overview and test layout optimization test setup optimization no speed test equipment optimization divi and Smush optimization hummingbird optimization divi to imitate hummingbird and improve additional host optimization divi optimization skills, divi (here can be used for 30 days without risk) , Smush and hummingbird. After the project is installed and activated, it is ready for use. The
At the end of this article, you’ll learn how to implement all the tools you want to run the divi site with maximum performance! The overview and test layout of divi are excellent even if they are not described in detail (perhaps familiar). Replace the standard word press post editor with an amazing visual editor to become a website building platform and upgrade the regular word press theme to the next level. If you haven’t started using divi yet and want to use it, please read the article about everything you need to know to start divi. In terms of price, divi cannot go wrong. Designed for programmers and beginners, simple and efficient. Considering that there are more than 2million websites built on this theme, our evaluation is very high. The
This means that if you deal with all the pre built layouts provided with divi, you will see a long article. So, as mentioned earlier, we’ll narrow down to show you how to use the agency layout package in Smush and hummingbird to improve the divi site. The proxy layout has a perfect combination of text and pictures.
This is also one of the best layout packages in divi search. It is likely that other layouts will be used or not. However, the demonstration in this article can be run in all layouts. You may only need to add or reduce adjustments. The
Now set up divi and start moving! After you install and activate divi, create a new page on the word press dashboard to access the agency layout. Then select from the pre created layouts. There are many options to choose from, but we choose agency. You may find many options to choose from. The current agency is one of the top-level layouts of the list. If not, use the search window to find. Male agent is an excellent combination of text and image. Agency is now installed and ready to test divi, hummingbird, and Smush. Of course, I have a way to deal with this madness. So, here
The report will start from the beginning. There are no installed plug-ins (except wpmu dev dashboard plug-ins), themes or pages other than agency on the website where I set up divi. Absolutely close to clean slate. In terms of configuration, it is similar to the article on optimization using elementor and wpbaker. The methods used for this test include: Web sites hosted in the default wpmu dev managed WordPress hosting plan (bronze) use word press version 5.7 PHP version 8.0 page caching, fast CGI (static server caching) and CDN. They cannot be started in the following ways: The default server location of gtmetrix (Vancouver, Canada, using chrome (desktop) browser) also sets agency as my home page. To do this in a WordPress administrator, navigate to shapes > Customize > home page settings and select the login page. The
Finally, this test is performed by: Setting up WordPress sites using divi and agency layouts using Google pagespeed insights and gtmetrix to optimize speed test running devices enable other speed test runs Smush and settings suggest enabling other speed test runs hummingbird and settings suggest enabling other speed test runs hosting functions (such as fastcgi) All sites that run the final speed test will be slightly different. Variables include location, image volume, host, and other elements that can create differences. But this provides a good idea for optimizing how to adjust your own divi word press site. The
There is no optimized speed test. Has the WordPress website been cleaned up? Please confirm. Has the divi’s agency layout been installed and activated? Please confirm. All other variables, such as disabled page caching, are also in place. We are going to do a speed test and confirm what we are looking at! Run the first speed on Google pagespeed insights. When entering the URL, Google pagespeed insights’ score on the desktop is: Although 72 is not terrible, it can be improved through optimization. Move:
Oh! Not much. Let’s take a look at the content in gtmetrix. \
It is recommended to start. Divi allows you to optimize your theme layout immediately on the dashboard. Before using the Smush and Hummingbird plug-ins, there are several areas that need to be checked and optimized. Some of the adjustments I want to activate include general optimization and display. You can perform these adjustments in the general area of the divi dashboard. You can see that I have activated: in the defined case, use the excerpt of reactive shortcut code reactive image JavaScript file folding and combining CSS file folding and combining all activated by one click. Everything I activate is usually a suggested adjustment to help the site speed and display. Divi under builder>advanced performs another tuning. Static CSS file creation is enabled. Male click once to activate on divi. Creating a static CSS file means that custom design styles no longer generate inline CSS as needed. On the contrary, the browser provides cached static files, which can reduce the consumption of server resources and increase the loading time of users. These optimizations and adjustments will give us impetus. Let’s make sure we scored. Google pagespeed insights has reached 78 points. 6 points is a good start. Moreover, there are up to 30 mobile devices. Male: what is at least a slight 3-point assist. Gtmetrix achieves \
Please give it to me. In the meantime, enjoy divi’s site speed. That is… Sacred. The \
