交换 img src 或显示/隐藏多个图像是否更快?

问题描述

在网页上交换图片时使用的最佳做法是什么?更改图像源或仅在页面上显示/隐藏多个图像?

What is the best practice to use when swapping an image on a webpage? Altering the image source or just showing/hiding multiple images on the page?

推荐答案

为了平衡速度，你必须选择，有两个选项:

you have to choose in order to balance speed, with your two options:

修改图片来源

这样，页面加载速度会更快，因为它只获取可见图像，但是当您更改 src 属性时，显示新图像会花费更长的时间

this way, the page will load faster because it only gets the visible images but it will take a little longer to show the new image when you change src attribute

只显示/隐藏多张图片

这样，您将在页面加载时加载所有图像，这将使其加载速度变慢而交换图像速度更快

this way, you are loading all the images on page load which will make it slower on loading and faster on swapping the images

这篇关于交换 img src 或显示/隐藏多个图像是否更快?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！