How to Optimize Elementor Performance for the JetBlocks 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 > JetBlocks > 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 JetBlocks widget (here, we insert the Search 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.

You can change the load level to “None” or adjust it from lower to higher. In this case, the settings will be reverted to the default ones. Also, in this case, the additional CSS code can be added to get the extra settings without reducing performance. However, once you choose the higher level, the settings return to their original state.