CSS内联 - 经验法则?

时间:2018-01-10 09:16:06

标签: html css

改善网页加载时间的一种方法是内联其css - 因为css是渲染阻止。但是,内联css会阻止浏览器缓存它。因此,一般建议只是内联小"小"的CSS。

但是被认为是"小"?我在网上搜索了一些经验法则,但却找不到任何东西。

是否有人知道某些性能测试结果以及什么是内联(或不是)css的数字(以字节为单位)?

1 个答案:

答案 0 :(得分:0)

我会将所有内容整理成多个css文件并将<link>这些文件保存在您的部分中,然后让您的CDN缩小,整合和缓存它们。

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

例如,您可以保留控制页面基本布局的CSS内联。

但至于现在的最佳做法是什么:在这个领域,事情总是在变化,但似乎最好的做法是将所有CSS加载到自己的文件中。如果您的CSS需要首先加载并且由于某种原因加载速度不够快,那么您可以尝试将其中的一部分内联。

如果你担心加载时间,最大限度地减少JS和大图像的使用,那真的是解决这个问题的唯一方法。

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

相关问题