Wpbakey is one of the most popular word press page builders in the world. Learn how to use the installed wpbaker plug-in to improve site performance and speed. This tutorial will show you how to import a site using wpbaker. ‹ gtmetrix results of wpbakery website before optimization. To do this, use the free plug-ins Smush and Hummingbird… Gtmetrix results of the wpbakery website using the free Smush and Hummingbird plug-ins. Finally, after making some additional adjustments * here
‹ gtmetrix results after overall optimization* This result includes the use of Smush Pro features. In addition, we will discuss wpbakey’s new integration features and all other features, as well as how to use Smush, an image optimization plug-in, in the award-winning experience. This post will briefly introduce the following steps in the testing process so that it can be copied to your site. Wpbakey overview methodology wpbakey site settings wpbakey and Smush wpbakey are integrated. Wpbakey and Smush wpbakey, Smush and Hummingbird wpbakey, Smush pro and Hummingbird wpbakey are used to optimize notes wpbakey, speed up and improve site performance. Please follow the following formula. The
It’s time to cook 1.wpbaker overview there are more than 12 page builders for word press, but wpbaker is still one of the most popular page builder plug-ins for word press in the world. In fact, builtwith. Com said that wpbakery is a \
Before using the wpbakery WordPress site’s default optimization tips free plug-ins to optimize the wpbakery site, let’s look at a few default optimization points. Page builder and additional code the common feature of almost all page builders is that they add code to the default HTML files and additional files (such as CSS and JS files) of web pages. These codes use flexible layout, multiple style options and beautiful design elements to help \
The additional code added by the page builder may not need to load specific pages of the site, usually only a few hundred kilobytes, but the entire site needs it. The cumulative effect of this extra code can increase the page load time from hundreds of milliseconds to a few seconds. Because web browsers not only the additional code, but also run it to display the page to visitors. If you plan to use wpbakey, if your site disables the plug-in, you will want to use it for a long time, because the shortcut code that needs to be deleted from posts and pages will be very long. The
Male yiikes Who will clean this? As you will soon see, we will strive to optimize wpbakey, use our hummingbird plug-in to reduce the additional loading time of code and JS files, and make the HTML and CSS of these additional sites smaller. Collapse is the process of removing spaces, carriage returns, and unnecessary characters. The result is that the website is more
Smaller files will be created to help load quickly. One of the best ways to start optimizing topic sites is to optimize topics first. Some topics provide many optimization settings, and adjusting them can make a huge difference. The
For example, if you are using the theme avaada, there is a complete options section (avaad> Options > performance) to help improve performance. After theme optimization, the website performance may change greatly. View the topic documentation to optimize performance settings as much as possible. And they make a huge difference. Hosting settings have a significant impact on the speed and performance of your site. You don’t have to be a rocket scientist to find ways to significantly reduce page load time by choosing a fast web host. But you may not know that Google recently updated pagespeed insights to improve scores based on the faster http\/2 protocol. The
The http\/2 server provides performance improvement for the website and improves Google pagespeed insights scores. Therefore, if you need faster site performance and better speed test scores, make sure that the server supports the http\/2 protocol. CDN content distribution network or CDN can provide site files in multiple data centers closer to users, further reducing page load time. First, test it as a free plug-in. CDN is the function of the \
Other ways to reduce the time to load cached pages include caching. Note, however, that caching distorts page load test results because it provides users with a saved version of the site’s pages. Therefore, any test that uses caching will not actually measure page delivery from the initial request to the original server. Where the site is stored. Therefore, start the test with page caching disabled. Then, enable page caching later to determine what types of overall performance differences can be created on the test site where wpbaker is installed. The
Compressed image optimized image can reduce image size without losing image resolution, so as to load pages faster and improve site performance. We will use the free image compression and optimization plug-in Smush test site. Deleting unnecessary elements using wpbaker can affect the speed and performance of WordPress sites, including deleting unnecessary elements, such as parts, fonts, plug-ins, themes, etc. For example, a social media part may load a large number of JavaScript and CSS files, thereby slowing down the server. The
Optimizing components includes not only deleting unnecessary components that are not needed, but also deleting components from locations that do not need to be displayed (for example, blog posts contain components, but delete components on the same page as the home page, please contact us, our page, etc.) In addition, please make sure that you are using the latest version of wpbakery, and that your site, topics, and plug-ins are up to date. Old themes and plug-ins may conflict, reducing wpbaker performance. Now that we understand the various factors that can affect site optimization, let’s look at the specific methodology used to test the WordPress WP bakery site. 2. methodology this post is about improving speed, so how to set up site hosting, how to fully configure Smush and Hummingbird plug-ins, and use gtmetrix and Google pagespeed insights can save time and test results
May affect t’s performance and results. This includes using various themes, plug-ins, managed environments, configurations, planetary sorting, and more. We will discuss this further at the end of the post. If necessary, you can create a full backup of the site, but Smush and Hummingbird do not damage the site, so they are not required. Now for the test results. 3. as shown in the wpbakery site settings, all tests are conducted on the new word press installation under the managed word press hosting of wpmu dev. My new wpbakey website Hot and fresh from the WordPress oven! Then I uploaded the shopkeeper e-commerce theme. Male shopkeeper is a popular wpbakery e-commerce theme of WordPress. Wpbakey is an independent advanced plug-in, but there are many themes bundled with the plug-in (including shopkeeper). Male wpbakey is provided with this topic. Then, we imported the presentation content of the theme, because we need a lot of pages and large images. Take everything to the website and push the baby to the maximum! You are ready to install and activate the wpbakey plug-in, and import the content of the demo store to test the test site. Male and many pictures are thrown on many pages… Now we are cooking! Before touching anything, I ran some page speed tests on my site using Google pagespeed insights and gtmetrix. Here are the initial Google pagespeed mobile test results Results of initial psi movement within ≥. My early Google pagespeed desktop test results… \
Some themes of wpbakey can be used to add custom size images. Smush automatically optimizes images in the word press library. Wpbakey’s custom size image is not a registered regular word press thumbnail, so we developed an integration to connect wpbakey’s image scaling function. To enable this feature in Smush and have the plug-in erase the resized image in the wpbakery editor, simply go to the integration screen and open the switch. Do you have any special image requirements? Smush provides wpbaker integration for custom sized images. Note: after enabling wpbakey integration on Smush, you will see other images that require a large amount of erasure. After opening wpbakey integration, 85 images that require resmush will appear. Wpbakey destroyed a large number of custom size images and rerun the speed test. Pagespeed insights movement score increased by 1 point. It is necessary to activate the wpbakery integration function of male Smush. The same is true of the pagespeed insights desktop test results. Here is another valuable point Don’t forget to open Smush wpbakery integration function! My gtmetrix results have also improved. I see C, not BS (b score). My score has improved slightly since Smush and wpbaker integration was enabled, but it has not been completed yet. Now, we enable hummingbird on the site with the Smush Pro feature disabled. 6. Wpbakery, Smush and Hummingbird hummingbird will be installed on the word press dashboard, just like all other free word press plug-ins. But in my case, the wpmu dev dashboard is installed on the site, so just activate the plug-in. Male wpbakery with active hummingbird and Smush sides. Devman, please praise the chef! As you can see, the wpmu dev dashboard plug-in detects that I am a member and automatically installs hummingbird pro. However, in order to simulate the free plug-in version, we ignored the time-saving Pro features, such as disabling automatic scanning and runtime monitoring. In addition, because CDN is not enabled in this step, the CDN managed reduction of hummingbird Pro will be inactive. Note: hummingbird Pro provides enhanced shrink compression (2x the conventional optimization of hummingbird free). This feature cannot be disabled without changing the entire test configuration, so we will run it directly. Hummingbird Pro works with Smush pro’s image optimization. However, all Smush Pro functions are disabled before the later stage of the test, so the results will not be affected at present. Let’s omit these instructions and return to the test. After installing and activating the initial hummingbird performance test hummingbird, run the performance test of the plug-in to learn how to improve the site performance. You can run a performance test on the plug-in dashboard, or navigate to hummingbird> performance test and click the run test or new test button. On the dashboard of hummingbird, click the button to run the performance test. The following are the initial test results: The durability test results of hummingbird after installation. After the initial hummingbird asset optimization test performance test, the hummingbird asset optimization test is performed. This means that page caching and CDN are inactive
Completed successfully. Male mother, no CDN! Tip: please check the documents in hummingbird. Highlights of asset optimization techniques. If you want to use the advanced optimization function of hummingbird, it is recommended to read this section first. After the asset optimization test, hummingbird returned a list of suggested modifications. It is recommended that the Secretary keep the phone and cancel all appointments in the state. So that I can view this list of suggested changes! Initially, hummingbird started implementing each proposed change manually. Male is being modified to pass this list. The recommended way to manually optimize assets is to modify one project at a time and keep checking the site to make sure everything is working properly. So that’s what I did. After several modifications, hummingbird ran another set of performance tests, as well as new Google pagespeed and gtmetrix tests. We confirm that the scores will continue to improve steadily. For example, the following is the hummingbird performance test results. After several further adjustments For the imperial court My score reached the top crazily! The following is my mobile score of Google pagespeed insights after using hummingbird magic Dear, we can’t climb higher. Or can we? My desktop score Turn on my light, dear. Also, my gtmetrix score is….. My website Set to. Fi aaarr! Note: in some cases, the site may be interrupted by one of the proposed modifications. Er Maybe someone will notice that my website looks different. Fortunately, hummingbird’s suggested changes will not cause permanent damage to the site, especially if you follow the following tips. If you have optimized many assets, please give hummingbird time to deal with everything. Adjusting assets can take up to 5 minutes to apply results. According to the suggestions, implement one optimization modification at a time. If there is a problem, please go back and undo the last adjustment. The site must return to normal. Anyway, if you’re really full, don’t panic. Please reset the module settings and start, and then disable the module in question. If these actions do not solve the problem, disable the plug-in, return the site to the pre optimized state, and contact the support team. This will help solve the problem (please read the hummingbird troubleshooting plug-in guide section). When I manually view the optimization modification list, the best technique given to me by hummingbird developers is to manually stop file optimization and switch to the automation option. In particular, I was instructed to switch to \
Whether you use the intelligent builder or not, as long as you add Smush and hummingbird to the site optimization mix, you will see a great improvement in speed and performance. Keep in mind that results may vary depending on hosting settings, plug-ins, themes, site configuration, and so on. If you want to be slimmer and hotter, please open the pro function of Smush and hummingbird, and consider using management WordPress to host additional speed and performance functions, as well as fast and fresh 24×7 dedicated support, such as CDN and server caching. And it’s very hot. All of these default to wpmudev membership. Please enjoy yourself! Does your site use wpbaker? Have you used the new Smush integration feature? Please share below your thoughts, comments, additional tips and suggestions on how to optimize the website with wpbaker.
