不压缩javascript和CSS对客户端处理有什么影响

Question

忽略下载时间，使浏览器解释几个单独的小文件而不是一个大文件会对性能产生什么影响。特别是，它能否在ie6和7中对页面渲染速度产生显着影响？

Answer 1

浏览器通常将自己限制为一定数量的同时请求。这个数字取决于它们的“服务器友好”程度。

How many concurrent AJAX (XmlHttpRequest) requests are allowed in popular browsers?

因此，根据浏览器必须加载的工件数量，可能必须先等待其他人完成。工件包括浏览器必须返回服务器的所有内容：图像，javascript，css，flash等。如果你有的话，甚至是favicon。

除此之外，渲染速度通常会归结为页面的结构。即。您依赖浏览器进行多少计算（％宽度与固定宽度）。

Answer 2

它必须进行更多的往返HTTP请求。它可能会或可能不会产生重大后果。

Answer 3

其中，

除了下载时间，如果你也有很多javascript和css文件

每个请求都是从客户端到服务器的额外http调用。

如果页面加载是主要标准之一，您应该明确地考虑它

阅读本文也

http://developer.yahoo.com/performance/rules.html

Answer 4

我为一个拥有大型企业内部网的政府组织工作，当我们在内部网门户上加载了大约25个以上的JS文件和10个以上的CSS文件时，我们注意到页面加载时间的显着滞后。 IE6和7 。较新的浏览器具有更快的例程来加载和执行JavaScript。我使用YUI Compressor来缩小包括CSS在内的所有内容。

Answer 5

如果包含minification以及组合文件，则通常会删除死代码（取决于缩小器）并且可以优化某些代码（请参阅YUI Compressor: What are micro optimizations?和Which javascript minification library produces better results?）。

Answer 6

当我第一次开始使用网络开发时，我已经多次问过这个问题了。

如果你有10个javascripts和10个css文件（css在我看来并不那么重要），那么我认为缩小和压缩有很多用处。但是，如果你正在处理一堆javascript文件（大于10），那么YES，它会有所作为。

您可能会遇到的是，即使在压缩和缩小和组合脚本之后，您仍然可能会遇到缓慢的问题。那时HTML缓存在网站优化中起着重要作用，至少这是我在Web应用程序中遇到的情况。尝试查看Memcached并使用它来缓存您的html文件。这项技术加快了您的Web应用程序的速度！

我假设您的问题与网络优化和高性能网站有关。

只需2美分。