jQuery admite muchos tipos de carga diferida para imágenes, complementos, etc. Pero quiero cargar jQuery de forma perezosa, es decir, solo si se usa realmente en la página.

El 90% de mi sitio web no usa jQuery. Preferiría agregar jQuery lazy-loading en todas las páginas y luego incluir jQuery explícitamente solo en aquellas páginas que lo usan. No quiero que el 90% de las páginas sufran el impacto en el rendimiento de cargar jQuery.

Podría ser un contenedor pequeño que defina '$', 'jQuery', etc. y cargue dinámicamente jQuery en el primer uso de una de esas funciones.

Según PageSpeed Insights, insertar jquery en una página básica agrega 1 segundo completo de tiempo de bloqueo de procesamiento en dispositivos móviles.

https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.somacon.com%2Fwithjquery.html

https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.somacon.com%2Fsinjquery.html