Estou curioso para saber se há uma maneira eficiente de esperar a primeira página de um site carregar e, em seguida, pré-carregar arquivos de script e CSS que sei que provavelmente serão necessários para as outras páginas do site.

Eu quero que a primeira página do site seja o mais rápida possível (lean e mean). É provável que o usuário não clique imediatamente em um link. Como provavelmente haverá algum tempo ocioso, esse parece ser um momento oportuno para pré-carregar alguns dos ativos externos. O pré-carregamento deve fazer com que eles sejam armazenados em cache. Quando o usuário clica em outra página, a única solicitação necessária será para o conteúdo e possivelmente algumas imagens, etc.

Alguém já fez isso? É uma má ideia? Existe uma maneira elegante de implementá-lo?