合并两个 css 文件会提高网页性能吗?
Will merging two css files improve the webpage performance?
我的网页使用了 2 个 CSS 文件。两者都包含一些样式,但不多。将这两个合并到一个 CSS 文件中会提高网页性能吗?
谢谢
不,是一样的。
可以通过一些不同的方式来提高性能(例如,删除未使用或重复的样式)。
是的,它会但预计性能不会有很大变化。您只能节省几 KB。删除 css 文件中的所有空白 space 会有所不同(但保留文件的副本,删除空白 space 后将很难编辑文件)但是就尺寸而言,您不会有任何区别。但我建议您这样做,因为您的网站会减少 "links" 的下载量,并且更接近 SEO 规则。
将 css 分布在文件上并不会真正影响您的加载速度。 (我通常为大型动画、大型内容块等保留不同的 css 文件)
但要注意文件夹。始终将所有 css 放在一个文件夹中(不要散布在整个目录中)。
同时 css 缩小 (https://cssminifier.com/) 在您的页面上保留一个最小化的文件,编辑您的普通文件,然后缩小它并再次加载缩小后的文件。我相信这对加载速度有很大帮助。
减少代码味道、javascript 放置、限制 css/html 动画、images/assets/scripts 的缓存管理和编写质量查询(更重要的是,嵌套子查询)将提高性能。合并 css 个文件只会损害代码管理。
缩小您的资产 and/or 将 css 转换为 sass/scss 或更少将提高性能而不是 css 文件合并。
我的网页使用了 2 个 CSS 文件。两者都包含一些样式,但不多。将这两个合并到一个 CSS 文件中会提高网页性能吗?
谢谢
不,是一样的。 可以通过一些不同的方式来提高性能(例如,删除未使用或重复的样式)。
是的,它会但预计性能不会有很大变化。您只能节省几 KB。删除 css 文件中的所有空白 space 会有所不同(但保留文件的副本,删除空白 space 后将很难编辑文件)但是就尺寸而言,您不会有任何区别。但我建议您这样做,因为您的网站会减少 "links" 的下载量,并且更接近 SEO 规则。
将 css 分布在文件上并不会真正影响您的加载速度。 (我通常为大型动画、大型内容块等保留不同的 css 文件)
但要注意文件夹。始终将所有 css 放在一个文件夹中(不要散布在整个目录中)。
同时 css 缩小 (https://cssminifier.com/) 在您的页面上保留一个最小化的文件,编辑您的普通文件,然后缩小它并再次加载缩小后的文件。我相信这对加载速度有很大帮助。
减少代码味道、javascript 放置、限制 css/html 动画、images/assets/scripts 的缓存管理和编写质量查询(更重要的是,嵌套子查询)将提高性能。合并 css 个文件只会损害代码管理。
缩小您的资产 and/or 将 css 转换为 sass/scss 或更少将提高性能而不是 css 文件合并。