Javascript 如何动态加载JS、CSS文件以避免性能问题

最初，当页面加载时，我得到了所有JS文件。即使页面在加载页面时也不需要几个文件。

---

现在，性能问题正在发生。那么，如何动态加载JS、CSS文件呢？

这并不能完全回答您的问题，但我注意到您说的是“文件”，就像不止一个文件一样。我已经通过组合和最小化JS（和CSS）文件获得了显著的性能改进，正如。最小化器是

我个人会使用一个已经构建的JavaScript加载库

我最早使用的一种是

---

我使用的另一种方法是，但这将改变您编写JavaScript代码的方式。它实际上可能会迫使您编写更多模块化的JS代码。RequireJS的缺点之一是，您可能会遇到一些JS库无法加载的问题，但它们现在有一个垫片，允许您解决这个问题

你正在加载多少文件？当然，要想让浏览器慢下来，需要数百人。至于动态加载它们，你需要用JavaScript在文档头部制作脚本和样式标签。不，不是几百个——我通常有10到40个JS/CSS文件（我每个JS对象/类有一个），这会大大降低速度。合并到sinlge文件中可以大大节省速度，而不管连接文件的大小如何。这似乎与HTTP请求的数量有关。。。