Contents
Boost your Divi WP Speed to 90+
Regardless of effects, external scripts, and chat widgets.
Override speed blockers
Regardless of whether you have a simple DiVi site or a Woocommerce DiVi, you can reach top speed no matter what.
Get Help
When it comes to website speed, page builders like Divi act like speed blockers. Speed blockers are for the owners and not for experienced speed optimizers. I have recorded un-optimized client sites that ask for my help fixing their speed that DiVi trims on average from 20 to 40 speed points. In the past, the only solution was to rebuild the site content. Today I can offer the method I developed over the last 4 years that keeps DiVi in place and at the same time yields 90+ website speed.
Needless to say, the number of installed plugins plays a major role.
Divi Speed Optimization Steps
Actions to be taken:
1. Server optimization/caching. Unregulated server caching and/or limited hosting resources will block higher speed. Those two could reduce your speed potential from 1.5s to 4s. Most of the time managed hosting does not allow optimizing the server because it gives no access to the critical speed settings. To tweak server settings I need a full working cPanel or Plesk.
2. CSS/JS errors fixed. These relate to UX (mobile/desktop view) and performance (sites with UX errors get low grades on the speed reports).
3. CSS/JS merging/deferring. Unused CSS cleaning. Reduces the CSS file size up to 96%.
4. Fonts served locally and preloaded so they are not render-blocking.
5. Image optimization (I have developed a technique to reduce the file size of images up to 78% (lossless compression), not found elsewhere. Freelancers either shrink the images via WP plugins e.g., Imagify, Smush, or online services that destroy the visuals. My technique is 100% manual (two-stage processing).
6. Defer external scripts i.e. Facebook, Analytics, Google Ads, chat widgets, tracking scripts, etc.
Speed Optimization results
Testimonials
With Divi, a well-liked WordPress theme from Elegant Themes, users can easily construct beautiful websites. Even with its abundance of features, Divi may occasionally result in sluggish loading speeds if optimization is not done correctly. In addition to improving user experience, a quick website also improves SEO and conversion rates.
Select a Reliable Hosting Company: A dependable hosting company is the cornerstone of a quick website. Select a web host that provides servers that are optimized for WordPress websites. To guarantee quick loading times, look for features like CDN integration, SSD storage, and strong caching systems.
Optimize images: Your website may load much more slowly if it contains high-resolution images. To minimize image file sizes without sacrificing quality, use image compression methods or plugins like Smush or Imagify. To further improve initial page load times, think about delaying the loading of off-screen images with lazy loading images.
Minify JavaScript and CSS: Divi creates large files for both of these technologies in order to render its dynamic designs. By eliminating extraneous spaces, comments, and formatting, these files are minified, which lowers file sizes and accelerates loading times. Use plugins such as WP Rocket or Autoptimize to automatically minify and concatenate JavaScript and CSS files.
Use Browser Caching: Allow visitors’ devices to store static resources, like images, CSS, and JavaScript files, locally by turning on browser caching. Retrieving materials from their cache instead of downloading them again from the server enables repeat visitors to load your site more quickly. The majority of caching plugins, such as WP Super Cache and W3 Total Cache, provide simple configurations for browser caching.
Turn on Gzip compression to speed up the loading of your website by reducing the amount of its files before delivering them to users’ browsers. The majority of hosting companies provide Gzip compression, but you may also enable it by adding code snippets to your .htaccess file or by using WordPress plugins like W3 Total Cache.
Optimize Divi Settings: Divi has several settings that you can use to alter the look and feel of your website. Performance may be impacted by certain elements, though, such as animations and parallax effects. To speed up the loading time, turn off extra elements and animations that aren’t essential to your design.
Update Divi and Plugins Frequently: Make sure you have the most recent versions of both the Divi theme and the plugins that go with it. Updates are often released by developers to enhance compatibility, security, and performance. You may maintain the seamless operation of your website by using the most recent optimizations and upgrades by keeping up to date.
To sum up, improving the performance of your Divi website is essential to both delivering a top-notch user experience and improving search engine rankings. These seven suggestions will help you make major improvements to loading times and guarantee that visitors to your Divi website will experience speed and efficiency on all devices.