如何使angularjs网站加载更快

**我正在开发一个网站，其中前端是用Angularjs制作的**

站点名称是，但问题是，在浏览器上打开站点页面至少需要30秒。如何缩短装载时间

---

我们使用了

ngRoute

来更改状态，但没有得到我们想要的结果。我们还将所有html和js转换为缩小版，但这也不是第一次影响加载问题

乍一看，您似乎正在分别加载单独的js和css文件。这会大大降低页面的加载速度，尤其是在连接速度较慢的情况下。这里要做的常见优化是将所有js文件和css文件组合在一起，并在生产环境中为单个js和单个css文件提供服务。我不知道你用什么来提供JS/CSS文件，但我用Django

---

另外，为了进一步调试这个问题，如果您在Chrome inspector中查看页面在页面加载时执行的网络请求，它会有所帮助。您可以通过查看页面加载中的瓶颈位置来收集大量信息。

乍一看，您似乎正在分别加载单个js和css文件。这会大大降低页面的加载速度，尤其是在连接速度较慢的情况下。这里要做的常见优化是将所有js文件和css文件组合在一起，并在生产环境中为单个js和单个css文件提供服务。我不知道你用什么来提供JS/CSS文件，但我用Django

---

另外，为了进一步调试这个问题，如果您在Chrome inspector中查看页面在页面加载时执行的网络请求，它会有所帮助。您可以通过查看页面加载上的瓶颈位置来收集大量信息。

在您的站点中，您有63个请求，大小约为3MB（未缓存）

正如在另一个答案中提到的，所有东西都打包在一起。例如vendor.bundle.js、bundle.js和bundle.css，并缩小这些捆绑包

我会使用或吞咽捆绑

对于调试，您可以查看Firefox右下角的浏览器控制台网络选项卡，您可以看到加载时间统计信息的链接，还可以获得有关缓存的信息

下面的屏幕截图显示了站点的统计信息（左侧为缓存，右侧为未缓存）。

---

.

在您的站点中，您有63个请求，大小约为3MB（未缓存）

正如在另一个答案中提到的，所有东西都打包在一起。例如vendor.bundle.js、bundle.js和bundle.css，并缩小这些捆绑包

我会使用或吞咽捆绑

对于调试，您可以查看Firefox右下角的浏览器控制台网络选项卡，您可以看到加载时间统计信息的链接，还可以获得有关缓存的信息

下面的屏幕截图显示了站点的统计信息（左侧为缓存，右侧为未缓存）。

---

。纯javascript的运行速度要快得多（根据我阅读的许多参考资料，大约是160倍。根据我自己的经验，我也知道这一点）。

---

框架让你的网站爬行。

抛弃所有框架和库，比如Angular和Jquery，使用JSF。纯javascript的运行速度要快得多（根据我阅读的许多参考资料，大约是160倍。根据我自己的经验，我也知道这一点）。

---

框架使你的站点爬行。< /P>你的建议是什么？我怎样才能克服我的加载问题？你的建议是什么？我如何克服我的加载问题？就像推荐某人使用汇编程序一样，因为他的C++程序很慢。如果这些框架使用正确，就不会有任何问题。添加库时，javascript实际上需要垃圾收集所有内容，并从库中执行代码以运行代码。你认为什么更快？5行代码还是15行？我还认为你对汇编和cW做了错误的比较，你说的是对的，但是没有人愿意制作vanillajs，而有像angular或react这样的高效工具，就像没有人愿意在汇编程序中开发，而你可以在大型框架上用c#开发一样。每个人都知道，我们总是以我们在生产率、简单性和可维护性方面获得的100倍的性能为代价。如果使用得很好，在任何用例中，任何框架的性能都将是不可见的。这就像是推荐某人使用汇编程序，因为他的C++程序很慢。如果这些框架使用正确，就不会有任何问题。添加库时，javascript实际上需要垃圾收集所有内容，并从库中执行代码以运行代码。你认为什么更快？5行代码还是15行？我还认为你对汇编和cW做了错误的比较，你说的是对的，但是没有人愿意制作vanillajs，而有像angular或react这样的高效工具，就像没有人愿意在汇编程序中开发，而你可以在大型框架上用c#开发一样。每个人都知道，我们总是以我们在生产率、简单性和可维护性方面获得的100倍的性能为代价。如果它们被很好地使用，那么任何框架的性能不足在95%的用例中都是不可见的。