Javascript 包含异步的角度脚本的顺序_Javascript_Angularjs

Javascript 包含异步的角度脚本的顺序

javascript angularjs

Javascript 包含异步的角度脚本的顺序,javascript,angularjs,Javascript,Angularjs,我正试图使我的角度网络应用程序尽可能快。如果我从包含脚本级别开始，那么简单的实现就是这样的： <!DOCTYPE html> <html ng-app="buzz"> <head lang="en"> <meta charset="UTF-8"> <title>Live!</title> <script type="text/javascript" src="includes/angular.j

我正试图使我的角度网络应用程序尽可能快。如果我从包含脚本级别开始，那么简单的实现就是这样的：

<!DOCTYPE html>
<html ng-app="buzz">
<head lang="en">
    <meta charset="UTF-8">
    <title>Live!</title>
    <script type="text/javascript" src="includes/angular.js" ></script>
    <script type="text/javascript" src="includes/angular-route.js" ></script>
</head>
<body ng-controller="AdminController">

<p>Hello world!</p>


<script src="includes/modules/buzz.js"></script>
<script src="includes/controllers/AdminController.js"></script>

</body>
</html>

这让我意识到body标记中的脚本甚至在head标记中的脚本加载之前就开始执行了。现在我对它进行了如下修改：

<!DOCTYPE html>
<html ng-app="buzz">
<head lang="en">
    <meta charset="UTF-8">
    <title>Live Hockey Commentary!</title>
    <script type="text/javascript" src="includes/angular.js" ></script>
    <script type="text/javascript" src="includes/angular-route.js" ></script>
</head>
<body ng-controller="AdminController">

<p>{{data}}</p>


<script src="includes/modules/buzz.js" defer></script>
<script src="includes/controllers/AdminController.js" defer></script>

</body>
</html>


曲棍球实况解说！
{{data}}

我无法

async

我的模块和控制器，因为存在依赖关系。但这并不能让我的网页很快，是吗？我无法在

中异步我的角度脚本。如何尽可能快地创建有角度的网页

在任何地方添加

延迟是否都会使它变得更好？我敢怀疑，无论您遇到的速度有多慢，都是由于加载角度资源造成的。您可能想告诉我们您正试图解决哪个问题，因为如果~30ms的资源加载时间是一个问题，我真的很想知道原因。到目前为止，我没有遇到任何缓慢的情况。角度资源的大小肯定会增加。我只是想把优化作为一个好的实践。我是不是太贪婪了？
<!DOCTYPE html>
<html ng-app="buzz">
<head lang="en">
    <meta charset="UTF-8">
    <title>Live Hockey Commentary!</title>
    <script type="text/javascript" src="includes/angular.js" ></script>
    <script type="text/javascript" src="includes/angular-route.js" ></script>
</head>
<body ng-controller="AdminController">

<p>{{data}}</p>


<script src="includes/modules/buzz.js" defer></script>
<script src="includes/controllers/AdminController.js" defer></script>

</body>
</html>