合并两个css文件会改善网页性能吗?

问题描述 投票:1回答:4

我的网页使用2个CSS文件。两者都包含一些样式但不是很多。将这两个合并成一个CSS文件可以提高网页性能吗?

谢谢

css performance merge webpage
4个回答
1
投票

不,它是一样的。可以通过某些不同的方式(例如,删除未使用或重复的样式)来实现性能提升。


2
投票

将css分散到文件上并不会对您的加载速度起任何作用。 (我通常为大动画,大内容块等保留不同的css文件)

但要注意文件夹。始终将所有css保存在一个文件夹中(不会遍布您的目录)。

css minifying(https://cssminifier.com/)保持页面上加载的最小化文件,编辑普通文件,然后缩小它并再次加载缩小的文件。我相信这对于加载速度最重要。


1
投票

是的,它会但不会指望性能发生重大变化。你只能保存几KB。删除css文件中的所有空白区域会有所不同(但保留文件的副本,删除空格后将难以编辑文件)但仍然只要涉及大小,您将不会做任何区别。但我建议你这样做,因为你的网站会有较少的“链接”下载,并将更接近SEO规则。


1
投票

Please read this article

减少代码气味,javascript放置,限制css / html动画,图像/资产/脚本的缓存管理以及编写质量查询(更重要的是嵌套子查询)将提高性能。合并css文件只会损害代码管理。

缩小资产和/或将css转换为sass / scss或更低将提高性能而不是css文件合并。

© www.soinside.com 2019 - 2024. All rights reserved.