CSS渲染速度改善的十个方法与建议

2020-05-11 07:50:31易采站长站整理

  例如:
  #zishu #info #tool #sidebar h2{ font-size:12px;}
  七、能简写的一些就简写:
  例如:
  #zishu{pading-top:10px; padding-right:50px; padding-left:50px; padding-bottom:4px;}
    改成:
  #zishu{padding:10px 50px 4px 50px}
  这个对渲染速度没有影响;只是少几个字符;

  八、别放空的的class或没有的class在HTML代码中。

  九、float 的应用:
  这个东西我的感觉是如果使用不当,百分百有性能问题,而且还非常的大,但实在不知道怎么样能弄一个例子出来;这里只能建议大家如果不是很明白float是怎么工作的,还是少使用为妙。
  曾经因为这个把IE干死过,我写过一个例子,虽说和这个没有什么太大的关系:IE之死__原来与CSS有关

  十、合理的布局
  为什么这么说呢,合理的布局,可以改变CSS的写法以及渲染过程。