当前位置: 首页 > news >正文

前端理论总结(css3)——css优化的方法

     1:首推的是合并css文件,如果页面加载10个css文件,每个文件1k,那么也要比只加载一个100k的css文件慢


     2:减少css嵌套,最好不要套三层以上


     3:不要在ID选择器前面进行嵌套,ID本来就是唯一的而且人家权值那么大,嵌套完全是浪费性能


     4:建立公共样式类,把相同样式提取出来作为公共类使用,比如我们常用的清除浮动等
     5:减少通配符*或者类似[hidden="true"]这类选择器的使用,挨个查找所有... 这性能能好吗?当然重置样式这些必须 的东西是不能少的


     6:巧妙运用css的继承机制,如果父节点定义了,子节点就无需定义
     7:拆分出公共css文件,对于比较大的项目我们可以将大部分页面的公共结构的样式提取出来放到单独css文件里, 这样一次下载后就放到缓存里,当然这种做法会增加请求,具体做法应以实际情况而定


     8:不用css表达式,表达式只是让你的代码显得更加炫酷,但是他对性能的浪费可能是超乎你的想象的


     9:少用css rest,可能你会觉得重置样式是规范,但是其实其中有很多的操作是不必要不友好的


     10:cssSprite,合成所有icon图片,用宽高加上bacgroud-position的背景图方式显现出我们要的icon图,这是一种 十分实用的技巧,极大减少了http请求


     11:当然我们还需要一些善后工作,CSS压缩(这里提供一个在线压缩 YUI Compressor)
     12:GZIP压缩,Gzip是一种流行的文件压缩算法,详细做法可以谷歌或者百度

http://www.lryc.cn/news/327864.html

相关文章:

  • 项目立项管理
  • QT的学习
  • redis在docker安装并启动流程
  • Spring高频面试题
  • Qt篇——Qt无法翻译tr()里面的字符串
  • 农村分散式生活污水分质处理及循环利用技术指南
  • 深圳区块链交易所app系统开发,撮合交易系统开发
  • 使用Shell脚本进行MySql权限修改
  • 项目中线程池的应用
  • 前端 JS 压缩图片的思路(附源码)
  • C语言结合体和枚举的魅力展现
  • 基于STC12C5A60S2系列1T 8051单片机通过单个按键单击次数实现开关机应用
  • 静态住宅IP优缺点,究竟要怎么选?
  • day07-缓存商品、购物车
  • 平台介绍-搭建赛事运营平台(3)
  • 数值分析复习:逼近理论的应用——最小二乘问题、解超定、欠定方程组
  • 设计模式-设配器模式
  • BEVFormer v2论文阅读
  • FFMPEG C++封装(二)
  • 使用unplugin-auto-import页面不引入api飘红
  • 八大技术趋势案例(虚拟现实增强现实)
  • Vue实现SQL语句关键字高亮显示?
  • 开始时间大于结束时间
  • Java中 List 集合,通过 Stream 流进行排序总结
  • 1688中国站按关键字搜索工厂数据 API
  • YOLOV8逐步分解(2)_DetectionTrainer类初始化过程
  • Java是用什么语言写的?PHP呢?
  • SpringBoot Redis的使用
  • 数据仓库——维度表特性
  • 从电荷角度理解开关电容中的电荷守恒