Javascript: Cargar scripts externos sin ralentizar la carga de la web

La carga de scripts externos en nuestra web puede alargar mucho el tiempo entre que el usuario entra una web y esta se le muestra en pantalla.

Para evitar que esta carga ralentice estos tiempos podemos usar dos tags:

• Async: Carga los scripts de manera asíncrona sin bloquear la carga de elementos web.
• Defer: Carga los scripts una vez los elementos del DOM están cargados.

Se utiliza de la siguiente manera:

<script src="jquery.js" async></script>

O

<script src="jquery.js" defer></script>

Espero que os sea de utilidad ^_^.