前端大厂最新面试题-css_performance.docx
需积分: 5 51 浏览量
2023-06-06
15:25:42
上传
评论
收藏 35KB DOCX 举报
面试官：如果要做优化，CSS提高性能的方法有哪些？
一、前言
每一个网页都离不开css，但是很多人又认为，css主要是用来完成页面布局的，像一些
细节或者优化，就不需要怎么考虑，实际上这种想法是不正确的
作为页面渲染和内容展现的重要环节，css影响着用户对整个网站的第一体验
因此，在整个产品研发过程中，css性能优化同样需要贯穿全程
二、实现方式
实现方式有很多种，主要有如下：
• 内联首屏关键CSS
• 异步加载CSS
• 资源压缩
• 合理使用选择器
• 减少使用昂贵的属性
• 不要使用@import
内联首屏关键CSS
在打开一个页面，页面首要内容出现在屏幕的时间影响着用户的体验，而通过内联css关
键代码能够使浏览器在下载完html后就能立刻渲染
资源评论
