Site Optimisation – Where to load style.css

[yashitamittal11]

Hi

1. I am optimising my website MG Tools.
According to Page Speed Insights, I should move render blocking resources like style.css below the fold content. So I have moved some stylesheets in the footer.
But I cannot move style.css in the footer other wise the page doesn't display properly for a few seconds on loading.

I am thinking of moving Woocommerce css to the footer. But if I will keep style.css in the header and woo styles in the footer, then woo styles will override my styles.
How to make a decision in this case. Which files should I keep in the header.

Also if I move jquery.js to the footer, the slider and menu in the header stop working.

2. Somehow the version number from my style.css is striping off. When I View Source I cannot see the version number. Because of this caching is preventing new style.css to load. I don't remember stripping the query string anywhere. I amusing the following code to add style sheet manually but still the version no is missing

remove_action( 'genesis_meta', 'genesis_load_stylesheet' );
/**
 * Enqueue Genesis child theme style sheet at higher priority,so that it is loaded after Woocommerce and other theme css
 * 
 */
//add_action( 'wp_enqueue_scripts', 'genesis_enqueue_main_stylesheet', 15 );
// Save same data about the theme into a variable
$child_my_theme_data = wp_get_theme();

// Enqueue a CSS style file
wp_enqueue_style(
'child_style',
get_stylesheet_directory_uri() . '/style.css',
array(),
$child_my_theme_data->Version
);

http://mgtools.in

[yashitamittal11]

Hi

2nd problem is solved.
I just want insight on 1st issue.

Thanks

[Author]

Posts