[Support request] Can JQuery Move to Footer?

[William]

Hello,

I’m trying to optimize my site and one of the largest render blocking resources seems to be JQuery. If I move this to the footer, will it mess anything up on the theme?

[Leo]

Hi William,

I don’t believe that’s a good idea.

Looks like you are using the sticky navigation which is the only remaining option that uses jQuery.

We are working on a solution to replace it with pure CS.

As for now, I’d say that if you can live without it then that’s the way to go.

Let me know if this helps 🙂

[William]

Thanks. Are there other options to not use a sticky navigation?

[Leo]

Sorry I’m not sure what you mean?

We can already make the header fixed/stick with the CSS below. Just not possible with the hide when scrolling down option.

.main-navigation {
    position: sticky;
    top: 0;
}

[Alexander]

May I drop in with a solution?

/*Move jQuery from Header to Footer*/
add_action( 'wp_enqueue_scripts', 'jquery_in_footer' );
 function jquery_in_footer() {
 	wp_deregister_script( 'jquery' );
	wp_register_script( 
		'jquery', 
		includes_url( '/js/jquery/jquery.js' ), 
		false, // no dependencies
		NULL, // no version to show
		true // in footer? yes
	);
	wp_enqueue_script( 'jquery' );}

[Leo]

Thanks Alex!

[Alexander]

Really glad to help!

[William]

Sorry, I’m not super familiar with coding. When I said can I make it ‘not sticky’ I assumed that would remove the JQuery completely.

Alex, which file do I add that to and does it need to be in any specific place?

Thanks!

[Leo]

When I said can I make it ‘not sticky’ I assumed that would remove the JQuery completely.

Yes that’s correct.

Alex, which file do I add that to and does it need to be in any specific place?

That code can be added with one of these methods:
Adding PHP: https://docs.generatepress.com/article/adding-php/

[Author]

Posts