CSS优化

1.尽量减少http的请求个数

2.在页面顶部，引入css文件

3.将css和js文件放到外部独立的文件中

4.合并样式（能简写，就不分开写，能写群组，就不单写）

5.缩小样式文件的大小（能重用的样式尽量重用）

6.减少样式的重写

7.避免出现空的href和空的src

5.选择更优的样式属性

块级元素横向显示     float flex（弹性消耗资源）块级元素横向显示一定不要用position

6.代码压缩

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 优化、提高性能的方法 汇总
    NO1：链接：来源：知乎 CSS 优化主要是四个方面： 加载性能这个方面相关的 best practice 太多了...
    BugMyGod阅读 3,567评论 0赞 16
  • 7个最佳CSS优化技巧，可缩短页面加载时间
    在当今的网络中，页面加载速度是最重要的网站指标之一。即使是毫秒也会对用户体验、产品产生巨大影响，而缓慢的页面加载会...
    游X鱼阅读 487评论 0赞 2
  • css优化
    内联不是万能的 内联意味着将所有的脚本、样式和图片通通嵌入到HTML中； 但是如果所有的图片都是一样的，这样就增加...
    hangbin阅读 206评论 0赞 0
  • css优化，提高性能的方法有哪些
    加载性能： 1 css压缩：将写好的css进行打包压缩，可以减少很多的体积； 2 css单一样式：当需要下边距和左...
    西瓜炒苦瓜阅读 3,021评论 1赞 5
  • css-优化
    1. 缩写值 2. 避免消耗性能的属性 3. 选择器合并 4. 背景图片优化合并 a. 图片本身的变化 当图片色彩...
    萝卜缨女王阅读 237评论 0赞 1