据我所知，目前有两种主要技术用于在网站中包含 CSS。
A) 在一个(压缩)文件中提供网站使用的所有 CSS B) 仅提供当前正在查看的页面上的元素所需的CSS
A 的优点:网站上使用的整个 CSS 在第一次访问时通过 1 个 http 请求进行缓存
A 的缺点:如果文件很大，则最初加载需要很长时间
B 的优点:更快的初始加载时间
B 的负面影响:更多的 HTTP 请求，更多的文件需要缓存
我在这里缺少什么(基本的)东西吗？
最佳答案
对其进行概要分析。这取决于您的用户使用您网站的方式。
如果它是一个 Web 应用程序，并且您的用户可能会与其进行大量交互并看到您设计的大部分布局，那么您可能需要使用单个 CSS，该 CSS 加载一次，然后存储在浏览器缓存中。在这种情况下，第一次开销可以忽略不计。
如果您的大多数用户都使用冷缓存并且只查看两到三个页面，则单独的 CSS 文件可能会改善他们的体验。
如果不看看用户的实际行为，您就无法判断。
关于css - 性能，一次性提供所有CSS，还是根据需要提供？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2870109/