前端性能和css/js文件的数量

Question

我正试图找到一个关于如何提高web应用程序前端性能的答案。我的问题是，我有多个css/js文件被引用。现在浏览器将对每个css/js文件进行http调用。但我的问题是；

1. 它是并行的还是一个接一个地发生？CSS/JS都是一样的吗？
2. 这种行为(并行的还是一个接一个的)是浏览器特有的吗？
3. 异步属性用于脚本标记是标准的，还是异步下载的附加方式？
4. 对于单个页面可以进行的http调用的数量是否有限制？这是浏览器的特性吗？
5. 使用AMD框架(如RequireJS )可以解决任何性能问题吗?还是只用于单页应用程序开发？

除此之外，任何其他的前端性能改进建议都会很棒吗？

Answer 1

1. 它是并行的还是一个接一个地发生？CSS/JS都是一样的吗？
2. 这种行为(并行的还是一个接一个的)是浏览器特有的吗？

浏览器使用多个连接并行下载网站的内容。这些连接的数量取决于浏览器及其用户设置。如果内存正常，则连接的平均数量为4。

1. 异步属性用于脚本标记是标准的，还是异步下载的接受方式？

异步属性用于表示脚本将异步执行，对下载优先级没有影响。

1. 对于单个页面可以进行的http调用的数量是否有限制？是浏览器特有的吗？

这是没有限制的，尽管很明显，您拥有的越多，由于连接限制，页面下载所需的时间就越长。

1. 使用AMD框架(如RequireJS )可以解决任何性能问题吗?还是只用于单页应用程序开发？

这些框架可以在任何网站上使用，也可以有任何结构。它们的好处在于将JS的下载推迟到页面实际需要的时候。这意味着可以先下载其他UI元素，如图像和视频，这使最终用户的页面加载速度更快。

Answer 2

1. 如果在index.html中链接css/js文件，请求将是并行的，而不是串行的。
2. 我不确定这一点，但我想所有的浏览器都是并行的。除非您将一个css链接到index.html中，然后使用css文件中的@import导入另一个css。
3. 对于异步下载，您需要使用require.js或任何类似的包管理器。异步属性仅用于执行，而不是用于请求。
4. 网页中的http请求没有限制。
5. 使用使用require.js是一个很好的option.Actually，您可以使用r.js来帮助您创建一个构建，这将将您的多个css & js文件减少为单个文件。

Answer 3

是并行的还是一个接一个地发生的？CSS/JS都是一样的吗?

答案：

当用户第一次访问任何网站时，浏览器会保存您的内容的缓存，比如js、css和并行请求，这取决于浏览器到浏览器。默认情况下，不同的浏览器具有不同的并行请求限制。对于js和css，甚至对于Ajax请求也是如此。

是浏览器特有的行为(并行的还是一个接一个的) ?

回答：是它的浏览器特定的。

是使用异步属性作为脚本标记标准或接受的异步下载方式？

答案

没有标准的方式使用它，不使用取决于需求和异步属性的使用与异步下载无关。下载内容取决于浏览器设置或默认设置。

对单个页面的http调用数量是否有任何限制？是浏览器特有的吗？

答案：

对服务器的http调用没有限制，但是浏览器将按照默认设置或用户设置以自己的方式发送。