0
点赞
收藏
分享

微信扫一扫

【前端学习 - CSS(19)CSS 优化、提高性能】

晗韩不普通 2022-02-22 阅读 46
css

1.CSS 优化、提高性能的方法有哪些?

  • 多个 css 可合并,并尽量减少 http 请求
  • 属性值为 0 时,不加单位(margin: 0)
  • 将 css 文件放在页面最上面(CSS会阻塞渲染,在CSS文件请求、下载、解析完成之前,浏览器将不会渲染任何已处理的内容。如果放在下面,当html结构渲染完以后,解析css,又会重新渲染一次,导致页面闪动)
  • 避免后代选择符,避免链式选择符过长
  • 使用紧凑的语法(margin: 8px 6px 7px 5px; )
  • 使用语义化命名,便于维护(属于优化)
  • 尽量少的使用!impotrant,可以选择其他选择器
  • 遵守盒子模型规则

技巧:合并简写缩短链,语义遵守盒模型


 

举报

相关推荐

0 条评论