问CSS内联-经验法则？
EN

Stack Overflow用户

提问于 2018-01-10 17:16:06

回答 1查看 60关注 0票数 0

改善网页加载时间的一种方法是内联它的css -因为css是渲染阻塞的。但是，内联css可防止浏览器缓存它。因此，一般的建议是只内联“小”css。

但是，什么才是“小”呢？我在网上搜索了一些经验法则，什么也找不到。

谁知道一些性能测试结果，以及何时内联(或不内联) css的数字(以字节为单位)是多少？

发布于 2018-01-10 17:25:47

我会把所有的东西组织在多个css文件中，然后像往常一样在你的分区中<link>它们，然后让你的CDN缩小，合并和缓存它们。

但是，如果您有一小块经常在每个页面上使用的CSS，那么避免调用文件并将其放在<head>部分的底部是有意义的。

例如，您可以使控制页面基本布局的CSS保持内联。

但是现在的最佳实践是什么:这方面的情况一直在变化，但似乎最佳实践是将所有的CSS加载到它们自己的文件中。如果你有需要先加载的CSS，但是由于某些原因加载速度不够快，那么你可以尝试内联它的那一部分。

如果你关心加载时间，尽量减少JS和大图像的使用，这是解决这个问题的唯一方法。

仅供参考，CDN不仅仅缓存脚本/样式文件，它们还缓存页面(包括<head>部分中的所有内容)。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48183910

复制

相似问题

问CSS内联-经验法则？EN