移动中的背景图像

时间:2015-12-29 17:20:46

标签: css performance responsive-design

这是一个简单的问题。

如果移除移动设备中的渐变和背景图像(css),您将获得更高的性能?

@media only screen and (max-width: 480px){
  .header { background: #333;}
}

.header { 
   background: linear-gradient(to left, rgba(35,37,38, .9), rgba(65,67,69, .9)),
    url(img/bg-min.jpg);
}

1 个答案:

答案 0 :(得分:0)

尽快回答您的问题:它会改善您的表现和用户。您必须加载更少,因此它会自动提高您的性能水平。我认为在你的情况下删除渐变将产生最大的影响。简单的背景颜色并不重要。

我不确定它是否会引人注目,但是,每次减少代码都会“增加”性能!