digtialv

+1

Sorry guys for the late answer!

In my case I cleaned up pretty much everything, Including the main DIVI style CSS. So going from 8-900 KB (DIVI style.css) to 27kb made a huge difference in performance.

And its not that difficult but you will have to get your hands dirty to understand the process. And Asset Cleanup makes this process SO much easier because you can turn everything Unused off for the visitor but still load it for the admin.

So my best recommendation for you @slhctech is to create a new page on your TEST site or website that you can use as a sandbox.(PLZ backup first) (It has to be open so you can test it on gtmetrix, web.dev & pingdom) Of what I’ve seen on “rivergippingtrust” the scores are quite good on GTmetrix.

So lets take that page as an example. The homepage. So in Chrome you have a Devtool called Coverage (You will find a lot of good tutorials on Googele) and according to that the page is using 320kb of 1.4MB (22%) So 1.1MB unused and that you could remove/block.

This is where Asset Cleanup comes in to action and can help you block unwanted and unused scripts.

So when it comes to the CSS and playing around with Unused CSS I usually use a Chrome extension called Used CSS and PurifyCSS. There are not always accurate and you will have to play around with it.
https://github.com/painty/CSS-Used-ChromeExt
https://purifycss.online/

Create a new CSS file, from these tools, and put it in your Child Theme that is active. Name it whatever you like.

Now comes the tricky part.
In your Child themes functions.php file you have to tell WordPress that you have a new CSS file that you want to load on a specific page ONLY and let Asset Cleanup find that specific new CSS. (Remember to do this on a test site and NOT a live one. I take no responsibility ?? )

/** Enque your own new, clean CSS on a specific page**/
add_action( ‘wp_enqueue_scripts’, ‘css_opt’ );
function css_opt() {
if ( is_page(‘2020’) ) :
wp_enqueue_style(‘optimize-page’, get_stylesheet_directory_uri() . ‘/new-divi-clean.css’);
wp_dequeue_style( ‘dashicons-css’ ); // Dashicon css
wp_dequeue_style( ‘parent-style’ );
endif;
}

So lets break this down. The two things you need to change here is:
1. The name of the CSS file. I named mine “new-divi-clean.css” and its not in any folder as you can see from the URL.
2. if ( is_page(‘2020’) ) : – The CSS will only load on that specific page/post so you will need to change 2020 to the EXACT ID that you new page has. When you create a new post and edit that post you will have a URL that looks like this: “https://yoursite.com/wp-admin/post.php?post=2020&action=edit”. That is where you’ll find your ID.

I also deactivated the dashicon css and parent-style, divis main dev css file with the lines:
wp_dequeue_style( ‘dashicons-css’ ); // Dashicon css
wp_dequeue_style( ‘parent-style’ );
But you can remove those or add new if you want to.

Save the functions.php file and purge all cache (Important)
The new CSS should now be visible in Asset CleanUp and you can “Unload” the big DIVI style CSS and test the page if you missed any CSS that needs to be removed or added to your clean file. Check Coverage again and test the speed of the page.

Pheew… That was the short version ?? I hope this will be useful for anybody looking to learn more about Unused CSS in DIVI and Asset CleanUp.
Please note that I am NOT a developer or an affiliate to Asset Cleanup. I just Googled a lot of examples.

Have a great day and good luck!

• This reply was modified 4 years, 2 months ago by digtialv.

Yes off course! ?? And thanks for the respons.

I tried to compile a short description on https://docs.google.com/document/d/1thYO2ksdc5cFVjwRSgDt_xCLRgRPFva9KedxixnGHo8/edit?usp=sharing

This is an request when using a single event on multiple timeslots. ( or in my case, days)
The main question was: When clicking in on this single event that runs on different days, from the main weekly schedule, can I call the column, start, end or Description info from the Timeslots within the event to the vent page or Caldera forms? This would provide more information on the specific info page for the event.
Using php or shortcodes? Or in any way? ??

Hope this makes my question clearer.
Thank you so much again!

Hi,

I have the exact same issue. I deactivated Jetpack and could not re-connect. (version 4.3 and prior)

cURL error 28: Operation timed out after 1000 milliseconds with 0 bytes received

I disconnected Jetpack (was working OK) – and now cannot re-connect.
I deleted and re-installed Jetpack – still will not connect.

I have checked with my host and checked firewalls. Nothing.

Thanks so much for more info on this.