Performance
We Made Divi Fast. Really Fast!
With Divi, it's easy to create super-fast websites that score 100 on Google Page Speed and 100% on GTMetrix. That's because Divi creates lightweight pages thanks to its Dynamic Framework and Dynamic Assets along with other speed-boosting features.
![Website Speed Score](/templates/grabshelf/customfiles/divi/modal/images/performance/performance-scores.jpg)
No Bloat
Divi detects which elements and features you're using and builds lightweight pages on the fly.
Dynamic Framework
Divi processes the logic needed to render the modules and features used on each page on the fly— everything else is cut out of the equation. If your page only uses 5 of Divi’s 50+ modules, Divi only processes the functions needed for those 5 modules and skips the rest. In other words, anything that could be considered “bloat” is erased from the back-end.
Dynamic CSS
Divi’s CSS is broken up into hundreds of small components. On each page, these CSS components are combined to form a unique stylesheet that contains only the pieces needed to style that particular page based on the modules, module features and theme layout options that you are using. There is no bloat, because unused CSS is never loaded.
On Demand JavaScript
Divi's JavaScript is modularized, allowing Divi to load each JavaScript library on-demand only when it’s needed by specific modules. Divi also separates certain design features, such as animations and motion effects, and only loads the JavaScript need for those features when necessary. Divi's JavaScript is lightweight because many unused scripts are stripped away.
![Dynamic Framework](/templates/grabshelf/customfiles/divi/modal/images/performance/performance-dynamic.png)
![Critical CSS](/templates/grabshelf/customfiles/divi/modal/images/performance/critical-css.png)
Critical CSS
Divi’s critical CSS system identifies the CSS needed to style content above the fold, and it defers everything else. Since only the critical styles are needed when the page first loads, and since render blocking assets play such a significant role in page speed, Divi’s ability to automatically separate critical and non-critical styles gives it a huge advantage over other WordPress themes and builders. After Divi is done processing it’s CSS, there’s hardly anything left over in the website header at all, which means content shows up right away, and that’s why Google gives Divi websites such high scores right out of the box.
Speed Boosts
Google Fonts Caching
Divi caches Google Fonts and loads them in-line. This reduces render blocking requests and makes your website faster.
Asynchronous JavaScript
Divi loads jQuery and other JavaScript files asynchronously when they aren't needed in the header, which is often the case. This reduces render blocking assets and speeds up load times.
Asset Reduction
Divi removes unneeded resources, such as native WordPress emojis, and lazy-loads often unused resources, such as the Gutenberg Block Stylesheet, when you are using the Divi Builder. Less bloat means a faster website!
![Website Speed](/templates/grabshelf/customfiles/divi/modal/images/performance/performance-header.png)