性能优化-css优化

css优化

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

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

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

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

posted @ 2020-12-16 22:05  zc-lee  阅读(79)  评论(0)  编辑  收藏  举报