我正在研究一个新项目，我需要问一些问题： 现在我有2个CSS库（Bootstrap + Hover.css）＆除了包含样式的（style.css）文件之外，我还需要加载它们，所以现在我有3个文件（bootstrap.css-hover.css-style）。 css）
当用户访问项目网站时，哪个是对网站性能和网站速度的正确或最佳选择？
1-将所有这三个文件合并到一个巨大的CSS文件中并加载（一个请求-一个文件）？ 2-每个文件分别加载3个文件（3个请求-3个文件）？ 3-使用后端解决方案将3个文件合并为一个文件并返回吗？
还值得考虑还是只是3个小文件？
我不仅在谈论前端，而且在谈论后端。
答案 0 :(得分：0)
我个人会坚持使用1个缩小的CSS文件。 但是在您的情况下，这两种选择都可以。
1个缩小的文件-所有文件同时加载，希望文件的大小不会太大。
3个单独的文件-更新网站CSS时，浏览器只需重新下载1个文件。只要您在BE端设置bootstrap.css和hover.css，它们就会被缓存（css的更改不会影响它们）。
无论您做什么。别忘了将CSS gzip压缩：）