{"id":1240,"date":"2026-01-26T17:27:41","date_gmt":"2026-01-26T17:27:41","guid":{"rendered":"https:\/\/docs.treethemes.com\/brandberry\/docs\/tips-and-tricks\/elementor-performance-best-practices\/"},"modified":"2026-01-27T11:12:18","modified_gmt":"2026-01-27T11:12:18","slug":"elementor-performance-best-practices","status":"publish","type":"docs","link":"https:\/\/docs.treethemes.com\/brandberry\/docs\/tips-and-tricks\/elementor-performance-best-practices\/","title":{"rendered":"Elementor Performance"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Elementor Performance\u00a0 Theme Options<\/h2>

If Elementor feels slow to load or responds slowly while editing, Brandberry includes a few performance options that can improve the editor experience without affecting your live website.<\/p>

You can enable or disable these options anytime in:<\/p>

Brandberry Theme \u2192 Theme Settings \u2192 Asset Optimize<\/strong>.<\/p>

Disable GSAP in Elementor Editor<\/h3>

When enabled, Brandberry disables GSAP libraries inside the Elementor editor preview (iframe). This can noticeably improve Elementor loading speed on websites that use heavy animations.<\/p>

  • Recommended:<\/strong> Keep it enabled if Elementor takes a long time to load.<\/li>
  • Note:<\/strong> Frontend animations are not affected. Some animation previews inside the editor may not play.<\/li><\/ul>

    Block Animation Addons Fingerprint (Editor)<\/h3>

    Some addons perform remote checks while editing. This option blocks a fingerprint request that may slow down Elementor editor loading on certain hosting environments.<\/p>

    • Recommended:<\/strong> Enable it for faster editor loading.<\/li>
    • Note:<\/strong> Frontend visitors are not affected.<\/li><\/ul>

      Cache Brandberry Template Library (Editor)<\/h3>

      If you use Brandberry\u2019s Template Library while editing, this option caches template API responses to reduce repeated requests and speed up the editor experience.<\/p>

      • Recommended:<\/strong> Enable it if you frequently open the template library panel while editing.<\/li>
      • Note:<\/strong> This only affects the editor, not the frontend.<\/li><\/ul>

        After changing any of these settings, we recommend reloading the Elementor editor and clearing any cache plugins to ensure the changes take effect.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

        \n\t\t\t\t\t\t\t\t\t

        \u00a0<\/p>

        Other Performance Options<\/h2>

        Elementor offers powerful design flexibility, but following a few best practices can help ensure optimal performance and faster page loading times.<\/p>

        Use Global Styles<\/h3>

        Use Elementor\u2019s global fonts, colors, and styles instead of styling each widget individually. This reduces CSS output and keeps your design consistent.<\/p>

        Avoid Excessive Nesting<\/h3>

        Deeply nested containers and sections can negatively impact performance. Keep your layout structure as simple as possible.<\/p>

        Limit Animations<\/h3>

        Use animations sparingly and only where they add value. Too many animations can increase load time and affect user experience.<\/p>

        Disable Unused Widgets and Extensions<\/h3>

        Disable Elementor widgets and Animation Addons extensions that you are not using. This reduces unnecessary scripts and styles being loaded.<\/p>

        Optimize Images<\/h3>

        Always use optimized images and modern formats such as WebP where possible. Large images are one of the most common causes of slow pages.<\/p>

        Use Caching and Optimization Plugins<\/h3>

        Combine Elementor with a caching and performance plugin to improve server response time and front-end performance.<\/p>

        Following these best practices will help you maintain a smooth editing experience and deliver fast-loading pages to your visitors.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

        Elementor Performance\u00a0 Theme Options If Elementor feels slow to load or responds slowly while editing, Brandberry includes a few performance options that can improve the editor experience without affecting your live website. You can enable or disable these options anytime in: Brandberry Theme \u2192 Theme Settings \u2192 Asset Optimize. Disable GSAP in Elementor Editor When […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":210,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1240","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/1240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/comments?post=1240"}],"version-history":[{"count":18,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/1240\/revisions"}],"predecessor-version":[{"id":1289,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/1240\/revisions\/1289"}],"up":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/210"}],"wp:attachment":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/media?parent=1240"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/doc_tag?post=1240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}