In this article, we are going to learn how to boost up your website loading time. With the latest update of “Divi” theme, a new option for Static CSS File Generation is available for the users. Static CSS file generation helps in reducing page size and also allow CSS files to be cached in order to load your website faster. It also reduced both the bandwidth needed to load page and resources required to create the page on the server. And whatever the custom design style we create in “Divi Theme Options”, “Theme Customizer” and “Divi Builder” are combined into a single light- weight static CSS File. It allows us to use create and implement global resources.
Follow the Steps for Using Divi Static CSS File Generation:
- If we enable “Static CSS File Generation” option then “Divi Theme” generate static CSS file of custom design style created in “Divi Builder”, “Divi Theme Options” and “Divi Theme Customization”, and before this update inline-CSS created every time whenever the page is loaded, but now “Divi” theme provides the best solution for it. Now, whenever we created custom design style by using “Divi Builder”, “Divi Customizer” and “Divi Theme Options” then these styles are compiled and minified into a static CSS file. And whenever you made changes in “Custom Design Style” static CSS file is re-created, if we want to clear this static CSS file we can do this by simply clicking on a “Clear” button, so it is also easy to manage these files.
- If we enabled the “Inline Style Option” then all of our posts and archives will share a global static CSS file for “Theme Customizer” and “Custom CSS“. This makes global resources to be cached above the document head while critical CSS to be load below the document head.
We hope that you find this article quite helpful in boosting your website loading speed. If you still face any trouble you can comment below, we will try to provide you with the best solution. You can also subscribe us to get latest updates about themes and their customizations.