Description
Speed Optimization
- Speed Up Divi – Remove Divi CSS & Scripts unless the user is using Divi Builder. Thanks to Adam Haworth for function script.
- Speed Up WooCommerce – Remove WooCommerce CSS & Scripts unless the user is on a WooCommerce page. Thanks to Greg Rickaby for the function script.
- Remove Query Strings – This will remove Query Strings from Static Resources that have either “?” or “&”. This is useful for those who use cache plugin as this ensures that they are cached like other elements. Even without cache plugin this will improve your speed scores in services like Pingdom, GTmetrix, PageSpeed and YSlow.
- Replace Local file with CDN – This will replace local jQuery with CDN jQuery link and also replace Divi fitvids, waypoints and magnific-popup scripts with CDN link.
Page Transition
- Enable Page Transition – This will enable page transition on your Divi site.
- Page Transition In – Select your transition for page in.
- Page Transition Out – Select your transition for page out.
- Page in Duration – The page in animation duration.
- Page Out Duration – The page out animation duration.
- Show Loader – You can choose to show or hide loader.
- Loader Color
- Loader Border Size
- Loader Size
Divi Design Tweaks
- Add Custom Mobile Text – The text will appear next to the mobile menu icon. Depending on your text length, you might have to use custom CSS to adjust. However, we have already style up based on the text “Menu”
Mobile Icon Text Color - Use Browser Theme Color – This will allow you to set the color of the browser toolbar or as known as Browser Tab color. Compatibile with Android, iOS and Windows Phone and based on Google guidelines.
- Ripple Effect on Buttons & Tabs – This will have material rippple effect on Divi buttons and Tabs. Powered by paperRipple
- Button Hover Animation – This will apply hover animation to Divi Buttons that has .et_pb_button
- Pull to Refresh (PTR) – This will enable pull-to-refresh (or swipe-to-refresh) pattern lets a user pull down on a list of data using touch in order to retrieve more data or refreshing the page. Powered by PulltoRefresh.js (with many options such as text and colors)
Divi Advanced Tweaks
- Custom Divi Builder Label – This will change the label on the Divi Builder, Admin Menu, Divi Theme Option and also remove the icon before the label text. This has been tested with Divi and Extra Theme.
- Display Clear Divi Local Storage Button – This show a button on the Divi Page Builder area to clear the localStorage on your browser. Use this when you are experiencing Quota Exceeded for copy and paste module. This is very useful when Divi or 3rd party modules get updated.
- Fullscreen Divi Builder Modal – This will make the Divi Page Builder Modal expanded to fullscreen size. The text in the Divi Builder will be scaled down to a smaller size as well but readable on all screen sizes. Very useful when using custom third-party Divi modules which has alot of option.
- Enable Divi Builder on Custom Post Types – This will add Divi Builder to Custom Post Types.
- Show Image URL input field on the New Divi Background UI – This will show the hidden image input field on the new background UI and allow you to have custom URL link which Elegant Themes removed. This will/should work with the default Divi modules or third-party Divi modules.
Yoav Rheims (verified owner) –
Nice addition to Divi, this is something I was looking to. Few ideas:
1- Generate Critical CSS
2- Host locally Google Fonts
Ken Ng –
Hello Yoav, thanks for the feedback. Not sure if Google Fonts on local is a good idea because the fonts is able 200MB ?
Yoav Rheims (verified owner) –
Well, hosting the fonts on your own server reduces the numbers of request in addition to rendering blocking CSS. Still, the Critical CSS rendering is the most interesting, I’d say.
teresa (verified owner) –
Disclaimer: I’m not a techy kind of person. I found this website when my modules stopped opening and I couldn’t figure out why. It took a moment to find the setting to turn on the Clear Divi localStorage setting, and once I set it and then went to the post, I clicked it and the module finally opened (although it opened on the Text setting and not the Visual setting).
As a non-techy, I don’t understand the other settings and can’t provide feedback if they have value. Inherently, they make me nervous that they will change/have changed other elements of the site, although it looks like everything is OK from where I stand now.
FiftyJewelsBlog (verified owner) –
Where do I find the setting to Clear Divi Local Storage? I’ve installed the Divi Tweaker, but the Page Builder still won’t load
tt.dechangy (verified owner) –
Hi, this is a super cool free plugin to suggest to all Divi users ! The only thing I would say for now is that “Enable Divi Builder on Custom Post Types” is working fine but lacks the Divi library support.
I have a little question too. As i enabled the builder by code previously I remember i had often 4 options instead of only 2 – changing “randomly?”. Do you have any explanation here to be more comfortable with it ?
All best.
Divi Web Design (verified owner) –
Thanks for the suggestion. I will be adding Divi library in the next update not by the code you provided but by using get_post_types();
Can you tell me more about the 4 options instead of 2? You mean the Tabs?