javascript - GIF 的尺寸会影响网页的性能吗？

Question

忽略每个 GIF 的大小，这是我尝试加载 GIF 的两种方式

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

这两种情况是否会因渲染而影响性能，如果会的话，我们可以通过减小图像的大小来获得多少性能提升？

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

Answer 1

在浏览器上调整图像大小确实会影响渲染性能。

来自 tips for best performance ,

Don't use a bigger image than you need just because you can set the width and height in HTML. If you need then your image (mycat.jpg) should be 100x100px rather than a scaled down 500x500px image.

它的影响有多大，取决于您应用了多少调整大小，以及您在一页上调整了多少图像。

啊，found the link我试图记住:

Long image decoding, unnecessary image resizing, heavy animation and data processing can all lead to dropped frames, which reduces the frame rate, resulting in janky pages