How to Improve Elementor Performance for the JetElements Widgets

The Load Level of Style Settings in Elementor affects site performance because the selected option determines how many settings are available. The option is available for the JetElements, JetBlocks, JetBlog, JetTabs, and JetTricks plugins.

It ranges from “None” to “Full” Load Levels, with “None” corresponding to the fastest site performance and “Full” Load Level set by default. Currently, the following five levels are available: “None,” “Low,” “Medium,” “Advanced,” and “Full.”

Each level allows you to use a definite range of settings. 

It’s important to remember that the lower the selected level, the fewer opportunities you have while editing. For instance, if you have chosen the “None” Level, you will not have an opportunity to make some changes in the Style tab. Only the basic options will be allowed, such as the Text and Background color. The “Full” Level offers a full range of customization options for the box, including shadow, border radius, and Z-index settings.

Read the How to Speed Up WordPress Website and Crocoblock Plugins tutorial to choose the lower level of settings that will cover your needs and ideas in personalizing the widget’s appearance.

Open the WordPress Dashboard and navigate to Crocoblock >JetPlugins Settings > JetElements > General tab. Here, select the needed option in the Editor Load Level drop-down (the “Full” Load Level is set by default). Once chosen, the data will be saved automatically.

Open a page or post in Elementor. Add any activated JetElements widget (here, we insert the Image Comparison widget).

Since we set the “Full” Load Level, the Style settings are available. This means the full range of the Style settings.

In contrast, the “None” Level hides the Style tab and displays the widget with the default options. In addition, there are midline levels, such as “Low,” “Medium,” and “Advanced,” which contain settings to appear progressively depending on the level that has been selected.

If needed, set one of the halfway levels (“Low,” “Medium,” and “Advanced”). In addition, to preserve the Elementor editor’s optimized work and use the lower-level general settings for widgets, you can add the necessary option using appropriate CSS code.

Also, setting the “None” Load Level Editor will revert to the default settings, and setting the level from lower to higher will revert your stylization to the default settings. However, once you choose the higher level, the settings revert to their original state.