性能优化-css优化

css优化

---

根据上面的内容我们知道了，想要渲染页面必须有render tree，而render tree是由DOM tree以及CSSOM tree组成的。

• 默认下，CSS会阻塞渲染页面
• 我们通过@media等，可以让CSS标记为不阻塞渲染
• 不论是否阻塞渲染，浏览器都会将CSS资源下载到客户端

所以，为了让页面更快的渲染，我们必须要尽早的将CSS资源下载到我们的客户端。以及使用@media进行优化

为了获得最佳性能，你可以使用一些inline css，这样不会去CDN获取资源，从而造成多次往返