GIF的尺寸是否会影响网页的性能?

时间:2013-11-24 06:20:00

标签: javascript html

忽略每个GIF的大小,以下是我尝试加载GIF的两种方式

  1. 通过拉伸/压缩到默认大小400px x 400px
  2. 来加载GIF
  3. 通过将默认大小调整为100px x 100px
  4. 来加载相同的GIF

    这两种情况是否会因渲染而影响性能,如果是这样,我们可以通过减小图像的大小来获得多少性能增益?

    注意:这些是元素的尺寸,我没有调整GIF的实际尺寸

1 个答案:

答案 0 :(得分:3)

在浏览器上调整图像大小 会影响渲染效果。

来自tips for best performance

  

请勿使用比您需要的更大的图像,因为您可以设置   HTML中的宽度和高度。如果你需要那么你的形象(mycat.jpg)应该是   100x100px而不是缩小的500x500px图像。

关于它影响的程度,取决于您应用的调整大小,以及您在一个页面上调整的图像数量。

啊,found the link我试图记住:

  

长图像解码,不必要的图像大小调整,重型动画和   数据处理都可能导致丢帧,从而减少了   帧率,导致janky页面