多个CSS文件,包括库文件VS一个巨大的文件包括所有库css文件



我正在做一个新项目,我需要问一些事情:现在我有 2 个 CSS 库(引导 + 悬停.css(,除了包含我的样式的 ( style.css ( 文件之外,我还需要加载它们,所以现在我有 3 个文件 ( bootstrap.css - 悬停.css - style.css (

当用户访问项目网站时,哪一个对于网站性能和网站速度是正确的或最好的:

1-将所有这3个文件合并到一个巨大的CSS文件中并加载它(一个请求 - 一个文件(?2-每个文件单独加载3个文件(3个请求-3个文件(?3-使用后端解决方案将3个文件合并为一个文件并返回?

还值得考虑还是只是一个 3 个小文件?

我不是在谈论前端,而是在后端

我个人会坚持使用 1 个缩小的 css 文件。但是在您的情况下,两种选择都可以。

1 个缩小文件 - 所有内容同时加载,希望文件的大小不会太大。

3个单独的文件 - 更新您的网站CSS时,浏览器只需要重新下载1个文件。 引导.css和悬停.css只要您在 BE 端设置了它,它就会被缓存(CSS 更改不会影响它们(。

不管你做什么。不要忘记压缩 css :)

最新更新