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

the*_*ise 3 html javascript performance frontend

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

And*_*dez 6

你必须选择以平衡速度,你有两个选择:

改变图像源

这样,页面加载速度会更快,因为它只获取可见图像,但更改src属性时显示新图像需要更长的时间

只显示/隐藏多个图像

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

  • 您可以以编程方式预先加载图像,因此在"交换时间",您仍然可以按需提供它们,而无需等待网络.示例:http://perishablepress.com/preloading-images-with-css-and-javascript/ (2认同)