zoukankan      html  css  js  c++  java
  • 谈谈CSS性能

    CSS性能优化

    1、衡量属性和布局的消耗代价;

    2、探索W3C的性能优化新规范;

    3、用测试数据判断优化策略。

    慎重选择高消耗的样式

    1、box-shadows;

    2、border-radius;

    3、transparency;

    4、transforms;

    5、CSS fitters(性能杀手)。

    避免过分重排(Reflow  浏览器重新计算布局位置与大小)

    常见的重排元素:

    width height padding margin
    display border-width border top
    position font-size float text-align
    overflow-y font-weight overflow left
    font-family line-height vertical-align right
    clear white-space bottom min-height

    避免过分重绘(Repaints)

    常见的重绘元素:

    color border-style visibility background
    text-decoration background-image background-position background-repeat
    outline-color outline outline-style border-radius
    outline-width box-shadow background-size  
  • 相关阅读:
    Session cookie 原理
    asp.net core service mesh
    js 常用库
    asp.net core consul
    asp.net core polly
    asp.net core ocelot
    第十五章 享元模式 Flyweight
    第十四章 策略模式 Strategy
    mysql 主从复制
    mysql 执行计划
  • 原文地址:https://www.cnblogs.com/fengxiongZz/p/7807006.html
Copyright © 2011-2022 走看看