优化 CSS 以加快页面加载速度
阅读评论
一篇简单的文章,包含来自 Tomas Pustelnik 的一些性能数据。它很好地提醒我们,CSS 是网页性能思考的关键部分,而且是一个非常重要的原因。
每当 [浏览器] 遇到任何外部资源(CSS、JS、图像等)时,它都会为其分配下载优先级并启动下载。优先级很重要,因为某些资源对于渲染页面至关重要(例如,主要样式表和 JS 文件),而其他资源则可能不太重要(例如图像或其他媒体类型的样式表)。
对于 CSS,此优先级通常较高,因为样式表对于创建 CSSOM(CSS 对象模型)是必需的。要渲染网页,浏览器必须构建 DOM 和 CSSOM。
这就是为什么 CSS 通常被称为“阻塞”资源的原因。在某种程度上这是可取的:我们不希望看到未设置样式的网站闪烁。但是,当我们使 CSS 更小时,我们会获得真正的性能提升,因为它下载、解析和应用的速度更快。