交换 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
相关文章