CSS媒体查询:一个文件与单独的文件,并影响加载速度

Ron*_*oni 8 html css optimization performance bandwidth

对于一个网站,我目前使用style.css和一堆其他样式表,960.css等,加载如下:

<link rel=?"stylesheet" media=?"screen" href=?"css/?style.css">
<link rel=?"stylesheet" media=?"only screen and (max-width:? 960px)?" href=?"?css/?960.css"?>
....
Run Code Online (Sandbox Code Playgroud)

现在我担心速度.我知道我可以将文件合并到一个大文件中,但这意味着下载不相关的数据.

基本上,我的问题是:什么是更好的方法,最小化请求数量,或最小化传递给一个用户的数据量?

Ale*_*ape 0

它基本上与系统的性能有关。

即使您使用移动设备,最好的方法也是最大程度地减少请求量,因为(可能)网络连接速度较慢并且资源处理(可能)速度较慢。除了您的页面位于例如科尔多瓦上下文中之外,这种方法将是一种可行的方法,因为资源直接安装在设备上。多个文件 => 多个句柄 => 性能缓慢。

如果你想最小化传递给用户的数据量 - 恕我直言,数据量是相同的,因为标签将查询服务器上的 css 文件并解析/读取/下载它。恕我直言,不存在相关的性能问题。你能做的就是生成“非冗余”css 文件。但这并不小:)