我的网页使用2个CSS文件。两者都包含一些样式但不是很多。将这两个合并成一个CSS文件可以提高网页性能吗?
谢谢
不,它是一样的。可以通过某些不同的方式(例如,删除未使用或重复的样式)来实现性能提升。
将css分散到文件上并不会对您的加载速度起任何作用。 (我通常为大动画,大内容块等保留不同的css文件)
但要注意文件夹。始终将所有css保存在一个文件夹中(不会遍布您的目录)。
css minifying(https://cssminifier.com/)保持页面上加载的最小化文件,编辑普通文件,然后缩小它并再次加载缩小的文件。我相信这对于加载速度最重要。
是的,它会但不会指望性能发生重大变化。你只能保存几KB。删除css文件中的所有空白区域会有所不同(但保留文件的副本,删除空格后将难以编辑文件)但仍然只要涉及大小,您将不会做任何区别。但我建议你这样做,因为你的网站会有较少的“链接”下载,并将更接近SEO规则。
减少代码气味,javascript放置,限制css / html动画,图像/资产/脚本的缓存管理以及编写质量查询(更重要的是嵌套子查询)将提高性能。合并css文件只会损害代码管理。
缩小资产和/或将css转换为sass / scss或更低将提高性能而不是css文件合并。