wp_dequeue_style not working when trying to remove unused CSS from front page

Hey,

I’m trying to optimize our front page. I noticed it is loading a lot of CSS, that isn’t even used on that front page, e.g. it’s loading:

– timeline.css + .js
– team.css + .js
– slideshow.css + .js
– and many CSS and JS files for elements…

none of which are used on that page. The Enfold performance setting is turned on (“only load used elements”), which makes this even more confusing.

Anyway, I want to dequeue the styles in my child themes function.php, I did this:

// Remove unneeded resource
function wp_remove_home_resources() {
	if(is_home() || is_front_page()){ 
		// example with timeline
		wp_dequeue_style( 'avia-module-timeline' ); // not working
		wp_dequeue_script( 'avia-module-timeline' ); // this works
	}
}
add_action( 'wp_print_scripts', 'wp_remove_home_resources', 100 );

I tried everything, but the page keeps on loading those css files. I checked enfold source code to verify the names the styles get enqueued with, and they are correct, but it’s not working.