Current Scenario: I've around 20+ & tags in my index.html file, which are actually interfering with the other scripts and assets being loaded by angular, leading to a not-so-good user experience.
Desired Behavior: I need these external scripts to be loaded only after all the angular assets and files used on the homepage are loaded.
index.html
<html>
<head>
//meta & link tags
</head>
<body>
<app-root></app-root>
// Here I've the script tags with defer like one below
<script defer src="https://www.googletagmanager.com/gtag/js?id=DC-10365329"></script>
</body>
</html>
I tried using defer but after build, angular is appending the bundle files at the end in the body. So, the problem remains the same. Snapshot of the network tab
Is there any way I can have all the bundle files loaded and executed first?
Thanks
