La razón por la que su archivo externo se está retrasando es porque solo está activando la función .load() después de que todo el documento base ya está cargado y listo. Eso significa que su archivo externo se retrasará al menos en el momento de la solicitud, más cualquier sobrecarga de jQuery o cualquier otra cosa.

El método jQuery .ready() "ofrece una forma de ejecutar código JavaScript tan pronto como el Modelo de Objetos de Documento (DOM) de la página sea seguro de manipular". Eso significa que cuando se ejecuta la función de carga, el documento se ha mostrado al usuario y tendrá que esperar a que el navegador obtenga el archivo externo.

Cargar secciones de página usando el lado del cliente Ajax puede resultar en páginas web lentas, engorrosas o inutilizables, porque el usuario debe esperar esas secciones antes de poder usar el sitio web. Además, es posible que las secciones simplemente no se carguen en absoluto, por varias razones. Muchos navegadores centrados en la privacidad deshabilitan Javascript, es posible que algunos navegadores más antiguos no admitan las funciones que usa su código, la Internet del cliente podría ser irregular o cualquier otra cosa. Tener toda la página como parte del documento base del servidor es mucho mejor.

Dicho esto, busque en Apache Server-Side Incluye ( equivalente a nginx , si lo usa). Esta no es una solución de Javascript, pero debería lograr lo que desea. En lugar de que el cliente los cargue en tiempo de ejecución, las secciones se incluirán antes de que el archivo abandone el servidor, lo que ahorrará una tonelada de tiempo de sobrecarga y posibles problemas.

Si realmente desea usar Javascript para esto, considere mostrar un "por favor espere" hasta que se cargue toda la página, incluidas las secciones externas. Después de eso, elimine el "por favor espere" y muestre la página.