【前端知识之CSS】CSS提高性能的方法有哪些

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍如果要进行优化，CSS提高性能的方法有哪些。

---

一、内联首屏关键CSS

1. 内联CSS关键代码能够使浏览器在下载完html后就能立刻渲染，如果引入外部的css代码，在解析过程中遇到外部文件才会开始下载css代码，再渲染，会影响用户体验。
2. 但是，较大的css代码并不适合内联。

二、异步加载CSS

1. 设置link标签media属性为noexis，浏览器会认为当前样式表不适用当前类型，会在不阻塞页面渲染的情况下再进行下载。加载完成后，将media的值设为screen或all，从而让浏览器开始解析CSS。

<link rel="stylesheet" href