{"id":120174,"date":"2023-06-20T17:50:20","date_gmt":"2023-06-20T12:20:20","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=120174"},"modified":"2023-06-20T17:56:38","modified_gmt":"2023-06-20T12:26:38","slug":"performance-tips-for-the-plus-addons-for-elementor","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/performance-tips-for-the-plus-addons-for-elementor\/","title":{"rendered":"6 Tips to Get Best Performance when using The Plus Addons for Elementor?"},"content":{"rendered":"\n<p>When it comes to creating stunning websites with Elementor, The Plus Addons for Elementor is a powerful tool that offers a wide range of features and functionalities. However, it&#8217;s important to ensure that your website&#8217;s performance remains top-notch even with the use of these add-ons.<\/p>\n\n\n\n<p>Here, we will explore various techniques and strategies to optimise the performance of The Plus Addons for Elementor. By following these steps, you can maintain a fast-loading website, enhance user experience, and improve overall site performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Video Tutorial<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Need for Speed \u26a1 | 6+ Performance Optimization Tips for The Plus Addons for Elementor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/qs58huchBk0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Check System\/Hosting Requirement<\/h2>\n\n\n\n<p>Make sure your hosting requirement meets the <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/hosting-system-requirements-for-the-plus-addons-for-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">minimum system requirements of The Plus Addons for Elementor<\/a> so you can get a smooth user experience.<\/p>\n\n\n\n<p>Following are the System Requirements for The Plus Addons for Elementor<\/p>\n\n\n\n<p><strong>PHP Version<\/strong>: 7.4 or Higher<\/p>\n\n\n\n<p><strong>max_execution_time<\/strong>: 300<\/p>\n\n\n\n<p><strong>memory_limit<\/strong>: 512M or Higher (In most cases, this is enough if you\u2019re using few widgets from The Plus Addons for Elementor, but if you have a dynamic WooCommerce website with multiple add-ons, we suggest keeping it to 1024M).<\/p>\n\n\n\n<p><strong>max_input_vars<\/strong>: 300<\/p>\n\n\n\n<p><strong>WordPress<\/strong>: 5.3 &amp; above<\/p>\n\n\n\n<p><strong>MySQL:<\/strong> 5.6 or Greater OR <strong>MariaDB<\/strong> version 10.0 or Greater.<\/p>\n\n\n\n<p>You can check your system information from <strong>Elementor<\/strong> &gt; <strong>System Info<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"880\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info.png\" alt=\"elementor system info\" class=\"wp-image-105270\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-300x138.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-1024x469.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-768x352.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-1536x704.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/03\/elementor-system-info-600x275.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>If your system settings are low, you should contact your hosting provider to upgrade.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Turn on Required Elementor Widgets Only<\/h2>\n\n\n\n<p>The Plus Addons for Elementor has 120+ widgets, but in most cases, you won\u2019t be using all of them on a single website. Loading so many widgets at once can affect the Elementor editor panel load time.<\/p>\n\n\n\n<p>So the best way would be to plan beforehand which widgets you want to use and only turn them on, so it doesn\u2019t load up the Elementor editor panel.<\/p>\n\n\n\n<p>To do so from the Dashboard, go to <strong>ThePlus Settings<\/strong> &gt; <strong>Plus Widget<\/strong>.<\/p>\n\n\n\n<p>You have to disable all the widgets for this first, check the <strong>Enable All<\/strong> checkbox, and then uncheck it to disable all the widgets.<\/p>\n\n\n\n<p>Then manually turn on only the widgets you want to use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"912\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/disable-all-widgets.gif\" alt=\"disable all widgets\" class=\"wp-image-120177\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Disable Non Required Extra Options<\/h2>\n\n\n\n<p>The Plus Addons for Elementor provide many integrations to 3rd party solutions such as Google Maps, MailChimp, LottieFiles and more.<\/p>\n\n\n\n<p>While these integrations are a great way to make your website dynamic but you might not be using all of them together on your website.<\/p>\n\n\n\n<p>Simply disable the integrations you don\u2019t wish to use, this will reduce the number of requests on your server and improve the load time.<\/p>\n\n\n\n<p>To do this from the Dashboard, go to <strong>ThePlus Settings<\/strong> &gt; <strong>Extra Options<\/strong> and manually turn off the options you don\u2019t want to use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"909\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/disable-extra-options.gif\" alt=\"disable extra options\" class=\"wp-image-120178\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Common Suggestions<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you&#8217;re not using the Icon Minds library and prefer to stick with the default Font Awesome 4 or 5, please disable it.<\/li>\n\n\n\n<li>If you&#8217;re not utilizing the Google Map Widget from The Plus Addons, kindly set the Google Map API Key to None.<\/li>\n\n\n\n<li>In case you&#8217;re not using any of our Lottie widgets, please turn off all the Lottie options.<\/li>\n\n\n\n<li>Similarly, remember to toggle the switcher off to ensure that only the content you&#8217;re using is loaded.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Adjust Plus Performance Cache<\/h2>\n\n\n\n<p>You can further optimise the performance of The Plus Addons for Elementor using it\u2019s exclusive cache feature.<\/p>\n\n\n\n<p>To access the cache feature from the Dashboard, go to <strong>ThePlus Settings<\/strong> &gt; <strong>Performance<\/strong>.<\/p>\n\n\n\n<p>Under the <strong>Cache Manager<\/strong> section, you\u2019ll find two cache methods &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Smart Optimised (Recommended)<\/strong>: In this method, when you use multiple widgets, their individual CSS files will be loaded separately when you load the page for the first time, but from the second load onwards, all those CSS files will be combined in a single CSS file.&nbsp;<\/p>\n\n\n\n<p>For example, if you use 3 widgets on a page, then 3 CSS packets will be loaded. On the second load, these CSS packets are combined, further reduced, and minified into a single CSS file.<\/p>\n\n\n\n<p>As for JS, only 1 JS file will be loaded dynamically for each page, regardless of how many widgets you use.<\/p>\n\n\n\n<p>So you\u2019ll have just 1 CSS and 1 JS file.<\/p>\n\n\n\n<p>If you encounter any design issues, you can simply click on <strong>Purge All Cache<\/strong> from the backend to clear the cache.&nbsp;<\/p>\n\n\n\n<p>This optimisation is recommended for most website users.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"913\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/cache-manager.gif\" alt=\"cache manager\" class=\"wp-image-120179\"\/><\/figure>\n\n\n\n<p><strong>On Demand Assets<\/strong>: This method is recommended if you are using a CDN cache, where files can be pulled from multiple pull zones.<\/p>\n\n\n\n<p>In this method, each widget will load its own dedicated CSS and JS, and for each Template used on a page, it will have its own dedicated CSS and JS.<\/p>\n\n\n\n<p>But if one widget is used multiple times, it won\u2019t load the related CSS and JS files multiple times. For example, if you use the Accordion widget 3 times on a page, only one 1 CSS and JS file will be loaded for the Accordion widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Disable Unused The Plus Addons Widget &amp; Elementor Widgets (Exclusive)<\/h2>\n\n\n\n<p>The Plus Addons for Elementor has a unique option to disable unused widgets in one click. So once your project is done, you can easily disable all the widgets which were enabled but not used.<\/p>\n\n\n\n<p>To do this, go to <strong>The Plus Settings<\/strong> &gt; <strong>Plus Widgets<\/strong>.<\/p>\n\n\n\n<p>Click on the <strong>Scan Unused Widgets<\/strong> button.<\/p>\n\n\n\n<p><strong>Watch this in action:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Disable Unused Elementor FREE &amp; PRO Widgets in One Click | Remove unused CSS &amp; JS\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/J9XMUP4ok-Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>It will show all the unused widgets, just click on the <strong>Disable Unused Widgets<\/strong> button to disable all unused widgets.&nbsp;<\/p>\n\n\n\n<p>Then click on the <strong>Save<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1917\" height=\"916\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/disable-the-plus-addons-widgets.gif\" alt=\"disable the plus addons widgets\" class=\"wp-image-105278\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: Plus Extra options won\u2019t be disabled with this you have to manually disable the options which are not used.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Disable Unused Elementor Widgets<\/h3>\n\n\n\n<p>With The Plus Addons for Elementor you can easily disable the unused Elementor and Elementor Pro (if using) widgets in one click as well.&nbsp;<\/p>\n\n\n\n<p>To do this, go to <strong>The Plus Settings<\/strong> &gt; <strong>Performance<\/strong>.<\/p>\n\n\n\n<p>From there, go to Elementor Free &amp; Pro Widgets Manager section and click on the <strong>GO TO WIDGETS MANAGER<\/strong> button.<\/p>\n\n\n\n<p>It will take you to the Elementor Free &amp; Pro Widgets Manager, here click on the <strong>Scan Unused Widgets<\/strong> button.<\/p>\n\n\n\n<p>It will show all the unused widgets, just click on the <strong>Disable Unused Widgets<\/strong> button to disable all unused widgets at once.&nbsp;<\/p>\n\n\n\n<p>Then click on the <strong>Save<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"912\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/03\/disable-elementor-widgets.gif\" alt=\"disable elementor widgets\" class=\"wp-image-105277\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Elementor Loading Panel, Freeze<\/h2>\n\n\n\n<p>If you are facing the Elementor loading panel freezing problem, i.e. when you open the Elementor editor the widget panel keeps on loading and not letting you edit the page.<\/p>\n\n\n\n<p>We have created a dedicated document addressing <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/fix-elementor-editor-stuck-on-loading-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to fix Elementor editor stuck on loading screen<\/a> [20+ Ways].<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using Performance Booster from our NexterWP Theme<\/h2>\n\n\n\n<p>If you are using our <a href=\"https:\/\/nexterwp.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nexter<\/a> theme, you\u2019ll get some additional performance optimisation options that can improve your site\u2019s performance.<\/p>\n\n\n\n<p>If you go to <strong>Appearance<\/strong> &gt; <strong>Nexter Settings<\/strong> &gt; <strong>Performance<\/strong>.<\/p>\n\n\n\n<p>In the <strong>Advance Performance<\/strong> click on the <strong>Settings<\/strong> button.&nbsp;<\/p>\n\n\n\n<p>Here you\u2019ll see multiple optimisation options such as Disable Emojis Script, Remove RSD Link, Remove wlwmanifest Link and more.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"911\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/nexter-performance-options.gif\" alt=\"nexter performance options\" class=\"wp-image-120180\"\/><\/figure>\n\n\n\n<p>You can learn more about all the Nexter Performance options from <a href=\"https:\/\/nexterwp.com\/help\/performance-docs\/\">here<\/a>.&nbsp;<\/p>\n\n\n\n<p>These will remove excess code from your website, which will reduce the number of requests from your site and improve your website\u2019s load time.<\/p>\n\n\n\n<p>You can look into this playlist to further optimise your Elementor website.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"[00] Website Performance Optimization With Elementor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/QURAUu8TPl0?list=PLZyp9H25CboFg7tA0J3ksRf7gjOsrW1Ot\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"author":25,"featured_media":120181,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[523,558],"class_list":["post-120174","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-performance-tips","docs-performance-tips-docs"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=120174"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120174\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120181"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120174"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}