Website performance and optimization can be a reasonably complex topic. So in Uncode 2.4.0 and Uncode 2.5.0 we introduce a vast array of performance enhancements that make the process of optimizing your Uncode website a whole easier.
In Uncode 2.5.0 we are excited to release new features that speed up Uncode and lay down a foundation on which Uncode can grow with more modules and features without adding bloat to your website. We modularized the Uncode framework and assets, loading and processing only what's needed on-demand based on the modules and features you use.
Uncode 2.5.0 also introduces a collection of new options that automatically improve performance, deferring various render-blocking requests and removing unneeded resources. The new version of Uncode eliminates bloat and gives you the freedom to build fast and performant websites.
You can find the new optimization features in the Theme Options → Performance:
- Split & Modular JS
Activate this to load each JavaScript library on-demand only when it’s needed by the specific modules you are using on a page. We modularized the Page Builder portion of Uncode’s JavaScript file, allowing Uncode to load each JavaScript library on-demand only when it’s needed by the specific modules you are using on a page. If your page only uses 3 of 30+ Uncode's modules, the framework only processes the functions needed for those 3 modules, and it skips the rest. This option is recommended if your site uses the HTTP/2 protocol. - Split & Modular CSS
Activate this to load each CSS library on-demand only when it’s needed by the specific modules you are using on a page. We applied that same anti-bloat logic to CSS. We took the Uncode's CSS file and broke it up into small components. Now Uncode loads only the files needed to style a particular page module. The result is a substantial decrease in the CSS file size on each page you build. This option is recommended if your site uses the HTTP/2 protocol. - Defer CSS Styles
Activate this to defer non-critical styles, loading them in a non-blocking way. This option is recommended if you are using a caching plugin otherwise you would see a flash of unstyled content (FOUC). Also, beware of cache plugins settings as they may interfere with this option preventing it from working. Rely on their settings in this case and leave it on-off. - Defer CSS Style Custom
Activate it to defer the dynamic style (style-custom.css) as well. If you’re having FOUC (flash of unstyled content) problems, try leaving it off. Third-party caching and optimization plugins may break this functionality. Rely on their settings in this case and leave it off. - In-Line Core Style
Activate this to inline core styles at the head of the page. Third-party caching and optimization plugins may break this functionality. Rely on their settings in this case and leave it on-off. This option is dependent on the Split & Modular CSS option. - In-Line Style Custom
ctivate this to inline dynamic styles at the head of the page. Third-party caching and optimization plugins may break this functionality. Rely on their settings in this case and leave it on-off. This option is dependent on the Split & Modular CSS option. - On-demand Fonts
Activate this to load each font on-demand only when it’s needed by the specific modules you are using on a page. - Font Display Swap
Activate this for faster rendering with a possible flash of unstyled text (FOUT). Works for Google Fonts and Font Squirrel. With Typekit, you can customize your kit settings. - Preload Google Fonts
Activate this to preload Google Fonts improving page load. - Disable WP Emojis Script
Activate this to remove native WordPress Emojis assets. - Disable WP Embed Script
Activate this to remove the native wp-embed.min.js script. - Disable WP Gutenberg Style
Activate this to remove the default Gutenberg Block Style. - Disable Animations on Mobile
Activate this disable animations on mobile devices. - Move jQuery to Footer
Activate this to move jQuery to the footer (unless there are no other third-party scripts loaded to the head with jQuery in its dependencies). - Optimize WooCommerce Assets
Activate this to remove unused CSS/JS files from pages where no WooCommerce asset is used. - Optimize Contact Form 7 Assets
Activate this to remove unused CSS/JS files from pages where no Contact Form 7 asset is used. - Optimize Wishlist Assets
Activate this to remove unused CSS/JS files from pages where no Wishlist asset is used. - Optimize Live Search Assets
Activate this to remove unused CSS/JS files from pages where no Live Search asset is used.
Comparative test
To test the new performance update, we replicated with Uncode the famous Divi comparative speed test. Thanks to this standardized test, it's possible to verify how a simple layout (that mimics a traditional marketing landing page), with the addition of a caching plugin (such as WPRocket), it's possible to achieve results such as 90 99 on Page Speed and A 100/100 on GTMetrix. The new version of Uncode eliminates bloat and gives you the best of both worlds: the power of an expansive page builder with a fairly light framework. Uncode only processes the logic needed to render the modules and features that you use on each page. Everything else is cut out of the equation.
Note
Please note that it is not recommended to activate all these options together to improve your site's performance. Website optimization is a process that must be done differently on each website based on the design, the specific features used and the type, and the kind of finish you want to achieve (effects, animations, extra marketing scripts, etc). So instead, we recommend that you proceed in steps when you activate these options and see what you need for your specific context.
Comments
0 comments
Article is closed for comments.