性能优化-css优化
css优化
根据上面的内容我们知道了,想要渲染页面必须有render tree
,而render tree
是由DOM tree
以及CSSOM tree
组成的。
- 默认下,CSS会阻塞渲染页面
- 我们通过
@media
等,可以让CSS标记为不阻塞渲染 - 不论是否阻塞渲染,浏览器都会将CSS资源下载到客户端
所以,为了让页面更快的渲染,我们必须要尽早的将CSS资源下载到我们的客户端。以及使用@media
进行优化
为了获得最佳性能,你可以使用一些inline css,这样不会去CDN获取资源,从而造成多次往返
Lee2