I'm trying to speed up my site and i async most of the scripts.

I have also jquery that works properly this way:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js' type='text/javascript'/>

But when i do:

<script defer src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js' type='text/javascript'/>

scripts related to jquery don't execute anymore. For example i use a script showing posts based on tags related to jQuery and it works properly. But as soon as i include defer to jQuery the widget disappears. Same with an other widget related to popular posts.

What am i doing wrong and is there any way to async this jquery?